import rio
from from_root import from_root
from rio import TextStyle

from ezgg_website.components.ticker import Ticker


class Header(rio.Component):
    def build(self) -> rio.Component:
        return rio.Column(
                rio.Rectangle(
                    content=rio.Column(
                        rio.Row(
                        rio.Link(
                                rio.Image(from_root("ezgg_website/assets/placeholder_logo_grey.png"), align_x=0, width=8),
                                "/"
                            ),
                            Ticker(
                                texts=[
                                    "Can this Tick?",
                                    "Yes it can!",
                                    "Rio is awesome",
                                    "Look at them suckers still using JS"
                                ],
                                refresh_interval=5,
                                tick_in_order=True,
                                style=TextStyle(italic=True),
                                width="grow",
                                justify="right"
                            )
                        ),
                        margin=1
                    ),
                    fill=self.session.theme.neutral_color,
                    corner_radius=self.session.theme.corner_radius_medium,
                    shadow_radius=0.5,
                    shadow_color=self.session.theme.hud_color,
                    shadow_offset_y=0
                ),
                align_y=0,
                margin_top=1,
                margin_left=1,
                margin_right=1,
                height=4
        )