<.command id="command-2" class="rounded-lg border shadow-md md:min-w-[450px] w-full lg:max-w-[600px]">
  <.command_input placeholder="Type a command or search..." />
  <.command_empty>
    <span>No results found</span>
  </.command_empty>
  <.command_list>
    <.command_group heading="Suggestions">
      <.command_item phx-value-name="calendar" phx-click="select_command">
        <.calendar/>
        <span>Calendar</span>
      </.command_item>
      <.command_item phx-value-name="global-map" phx-click="select_command">
        <.earth/>
        <span>Global map</span>
      </.command_item>
      <.command_item disabled={true}>
        <.calculator/>
        <span>Calculator</span>
      </.command_item>
    </.command_group>
    <.separator />
    <.command_group heading="Settings">
      <.command_item phx-value-name="profile" phx-click="select_command">
        <.user/>
        <span>Profile</span>
        <.command_shortcut>⌘P</.command_shortcut>
      </.command_item>
      <.command_item phx-value-name="billing" phx-click="select_command">
        <.credit_card/>
        <span>Billing</span>
        <.command_shortcut>⌘B</.command_shortcut>
      </.command_item>
      <.command_item value="settings" phx-click="select_command">
        <.settings class="w-4 h-4"/>
        <span>Settings</span>
        <.command_shortcut>⌘,</.command_shortcut>
      </.command_item>
    </.command_group>
  </.command_list>
</.command>