<div style="position:relative;height:400px;overflow:hidden;border:1px solid var(--border)">
<.sheet id="edit-profile" title="Edit profile" description="Make changes to your profile here." open>
<.input field={Field::named("profile[name]", "Pedro Duarte")} />
<.input field={Field::named("profile[username]", "@peduarte")} />
<:footer><.button>Save changes</.button><form method="dialog" style="display:contents"><.button variant="outline">Cancel</.button></form></:footer>
</.sheet>
</div>