from typing import Union, Iterable

from gradio.themes.base import Base
from gradio.themes.utils import colors, fonts, sizes

class Seafoam(Base):
    def __init__(
        self,
        *,
        primary_hue: Union[colors.Color, str] = colors.slate,
        secondary_hue: Union[colors.Color, str] = colors.blue,
        neutral_hue: Union[colors.Color, str] = colors.slate,
        spacing_size: Union[sizes.Size, str] = sizes.spacing_md,
        radius_size: Union[sizes.Size, str] = sizes.radius_md,
        text_size: Union[sizes.Size, str] = sizes.text_lg,
        font: Union[fonts.Font, str, Iterable[Union[fonts.Font, str]]] = (
            fonts.GoogleFont("Noto Sans TC"),
            "ui-sans-serif",
            "sans-serif",
        ),
        font_mono: Union[fonts.Font, str, Iterable[Union[fonts.Font, str]]] = (
            fonts.GoogleFont("IBM Plex Mono"),
            "ui-monospace",
            "monospace",
        ),
    ):
        super().__init__(
            #primary_hue=primary_hue,
            #secondary_hue=secondary_hue,
            #neutral_hue=neutral_hue,
            spacing_size=spacing_size,
            radius_size=radius_size,
            text_size=text_size,
            font=font,
            font_mono=font_mono,
        )
        super().set(
            body_background_fill="url('file=bg_clear.png') no-repeat center center / cover",
            body_background_fill_dark="url('file=bg_clear.png') no-repeat center center / cover",

            body_text_color_dark="#333",
            background_fill_primary_dark="rgba(255, 255, 255, 1)",
            background_fill_secondary_dark="rgba(255, 255, 255, 0)",
            block_background_fill_dark="rgba(255, 255, 255, 0.1)",
            block_border_color_dark="rgba(255, 255, 255, 0.1)",
            border_color_primary_dark='trasparent',
            # button_primary_background_fill="linear-gradient(90deg, *primary_300, *secondary_400)",
            # button_primary_background_fill_hover="linear-gradient(90deg, *primary_200, *secondary_300)",
            # button_primary_text_color="white",
            # button_primary_background_fill_dark="linear-gradient(90deg, *primary_600, *secondary_800)",
            slider_color="*secondary_300",
            slider_color_dark="*secondary_600",
            block_title_text_weight="600",
            block_border_width="3px",
            block_shadow="*shadow_drop_lg",
        )