<.table_front
  count={42}
  id="table-front-single-everything"
  search_input_placeholder="Rechercher ..."
  search_input_icon_wrapper_class="!col-span-* col-span-3"
  count_label="écran"
>
  <:form :let={f}>
    <.select_input_group
      form={f}
      id="it-is-required-for-select-hook"
      group_class="mb-0 md:col-span-3 !md:col-span-*"
      name="gender"
      options={["", "Female", "Male"]}
      placeholder="Choisir un sexe"
    />
  </:form>
  <.button icon="far fa-file-excel" color={:default}/>
  <.button icon="fa fa-plus" text="Ajouter" />
</.table_front>

<.table_front id="table-front-single-search-and-button" search_input_icon="fa fa-filter">
  <.button text="Ajouter" icon="fa fa-plus"/>
</.table_front>

<.table_front id="table-front-single-only-buttons">
  <.button icon="far fa-file-excel" color={:default}/>
  <.button icon="fa fa-plus" text="Ajouter"/>
</.table_front>

<.table_front
  count={42}
  id="table-front-single-no-button"
  selected_count={37}
  search_input_placeholder="Rechercher ..."
/>

<.table_front
  id="table-front-single-with-form-slot"
  search_input_placeholder="Rechercher ..."
  search_input_icon_wrapper_class="!col-span-* col-span-3"
>
  <:form :let={f}>
    <.select_input_group
      form={f}
      id="it-is-required-for-select-hook"
      group_class="mb-0 md:col-span-3 !md:col-span-*"
      name="gender"
      options={["", "Female", "Male"]}
      placeholder="Choisir un sexe"
    />
  </:form>
</.table_front>