inlay

-module(inlay@iframe).
-compile([no_auto_import, nowarn_unused_vars, nowarn_unused_function, nowarn_nomatch, inline]).
-define(FILEPATH, "src/inlay/iframe.gleam").
-export([responsive/3]).

-file("src/inlay/iframe.gleam", 5).
-spec responsive(binary(), binary(), list(lustre@vdom@vattr:attribute(PMQ))) -> lustre@vdom@vnode:element(PMQ).
responsive(Src, Aspect_ratio, Attrs) ->
    lustre@element@html:'div'(
        [lustre@attribute:styles(
                [{<<"position"/utf8>>, <<"relative"/utf8>>},
                    {<<"padding-bottom"/utf8>>, Aspect_ratio},
                    {<<"height"/utf8>>, <<"0"/utf8>>},
                    {<<"overflow"/utf8>>, <<"hidden"/utf8>>}]
            )],
        [lustre@element@html:iframe(
                [lustre@attribute:src(Src),
                    lustre@attribute:styles(
                        [{<<"position"/utf8>>, <<"absolute"/utf8>>},
                            {<<"top"/utf8>>, <<"0"/utf8>>},
                            {<<"left"/utf8>>, <<"0"/utf8>>},
                            {<<"width"/utf8>>, <<"100%"/utf8>>},
                            {<<"height"/utf8>>, <<"100%"/utf8>>}]
                    ),
                    lustre@attribute:attribute(
                        <<"frameborder"/utf8>>,
                        <<"0"/utf8>>
                    ) |
                    Attrs]
            )]
    ).