<.fullwidth>

<ConnieUI.Buttons.button
  color="secondary"
  click={JS.dispatch("show", to: "#catalog-modal-fullwidth")}
>
  Open modal
</ConnieUI.Buttons.button>
<ConnieUI.Modals.modal id="catalog-modal-fullwidth" size="lg">
  <ConnieUI.Modals.contents>
    <:heading>Send 3 documents</:heading>
  </ConnieUI.Modals.contents>
  <ConnieUI.Modals.fullwidth>
    <ConnieUI.Tables.table id="catalog-modal-fullwidth-contracts" rows={@contracts}>
      <:col :let={contract} label="Document">
        <ConnieUI.Cells.text>{contract.internal_title}</ConnieUI.Cells.text>
      </:col>
    </ConnieUI.Tables.table>
  </ConnieUI.Modals.fullwidth>
  <ConnieUI.Buttons.button size="lg" color="primary" click={JS.dispatch("close")}>
    Send
  </ConnieUI.Buttons.button>
</ConnieUI.Modals.modal>