-module(docs@components@pages@effects).
-compile([no_auto_import, nowarn_unused_vars]).

-export([effects_page/2]).
-export_type([effects_page_props/0]).

-type effects_page_props() :: effects_page_props.

-spec effects_page(sprocket@context:context(), effects_page_props()) -> {sprocket@context:context(),
    list(sprocket@context:element())}.
effects_page(Ctx, _) ->
    sprocket@component:render(
        Ctx,
        [sprocket@html:article(
                [],
                [sprocket@html:h1([], [sprocket@html:text(<<"Effects"/utf8>>)]),
                    sprocket@html:p(
                        [],
                        [sprocket@html:text(<<"COMING SOON"/utf8>>)]
                    ),
                    sprocket@component:component(
                        fun docs@components@clock:clock/2,
                        {clock_props,
                            {some, <<"The current time is: "/utf8>>},
                            none}
                    )]
            )]
    ).