import gleam/option.{None, Some}
import sprocket/socket.{Socket}
import sprocket/component.{component, render}
import sprocket/html.{article, h1, p, text}
import docs/components/clock.{ClockProps, clock}

pub type EffectsPageProps {
  EffectsPageProps
}

pub fn effects_page(socket: Socket, _props: EffectsPageProps) {
  render(
    socket,
    [
      article(
        [],
        [
          h1([], [text("Effects")]),
          p([], [text("COMING SOON")]),
          component(
            clock,
            ClockProps(label: Some("The current time is: "), time_unit: None),
          ),
        ],
      ),
    ],
  )
}