<.sheet_header>
  <.sheet_title id="sheet-default-title">Edit profile</.sheet_title>
  <.sheet_description id="sheet-default-description">
    Make changes to your profile here. Click save when you're done.
  </.sheet_description>
</.sheet_header>
<div class="grid gap-4 px-4 py-4">
  <div class="grid grid-cols-4 items-center gap-4">
    <.label class="text-right">Name</.label>
    <.input name="name" value="Pedro Duarte" class="col-span-3" />
  </div>
  <div class="grid grid-cols-4 items-center gap-4">
    <.label class="text-right">Username</.label>
    <.input name="username" value="@peduarte" class="col-span-3" />
  </div>
</div>
<.sheet_footer>
  <.button phx-click={Phoenix.LiveView.JS.dispatch("phx-shadcn:hide")}>Save changes</.button>
</.sheet_footer>