sprocket

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

-export([components_page/2]).
-export_type([components_page_props/0]).

-type components_page_props() :: components_page_props.

-spec components_page(sprocket@socket:socket(), components_page_props()) -> {sprocket@socket:socket(),
    list(sprocket@element:element())}.
components_page(Socket, _) ->
    sprocket@component:render(
        Socket,
        [sprocket@html:'div'(
                [sprocket@html@attribute:class(<<"flex flex-col p-10"/utf8>>)],
                [sprocket@html:'div'(
                        [],
                        [sprocket@html:h1(
                                [sprocket@html@attribute:class(
                                        <<"text-xl mb-2"/utf8>>
                                    )],
                                [sprocket@html:text(<<"Components"/utf8>>)]
                            )]
                    )]
            )]
    ).