import reflex as rx
from reflex.style import color_mode, set_color_mode


def dark_mode_toggle() -> rx.Component:
    return rx.segmented_control.root(
            rx.segmented_control.item(
                    rx.icon(tag="monitor", size=20),
                    value="system",
                    ),
            rx.segmented_control.item(
                    rx.icon(tag="sun", size=20),
                    value="light",
                    ),
            rx.segmented_control.item(
                    rx.icon(tag="moon", size=20),
                    value="dark",
                    ),
            on_change=set_color_mode,
            variant="classic",
            radius="large",
            value=color_mode,
            )