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),
                                "/"
                            ),
                            rio.Text("News Ticker:", justify="left", width="grow", margin_left=0.8),
                            Ticker(
                                texts=[
                                    "Ganz im Geiste der EZ GG wurde der Verein in einer schlecht beleuchteten Kellerbar gegründet",
                                    "Aktuelle hat der EZ GG e.V. sieben Mitglieder",
                                    "Bist du auch ein Genießer? Dann tritt uns doch bei!",
                                    "Auch Wasser wird zum edlen Tropfen, mischt man es mit Malz und Hopfen."
                                ],
                                refresh_interval=30,
                                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
        )