<.phx_form_for for={%{}} as={:story} :let={f}>
  <.toggle_switch_input_group form={f} id="toggle-switch-single-default" field={:toggle}/>
</.phx_form_for>

<.phx_form_for for={%{}} as={:story} :let={f}>
  <.toggle_switch_input_group
    form={f}
    id="toggle-switch-single-with-an-inline-label"
    value
    field={:toggle}
    toggle_label="With an inline label"
  />
</.phx_form_for>

<.phx_form_for for={%{}} as={:story} :let={f}>
  <.toggle_switch_input_group
    form={f}
    disabled
    id="toggle-switch-single-disabled-toggle-switch"
    value
    field={:toggle}
    toggle_label="I'm disabled"
  />
</.phx_form_for>

<.phx_form_for for={%{}} as={:story} :let={f}>
  <.toggle_switch_input_group
    form={f}
    id="toggle-switch-single-full-input-group"
    label="Toggle field label"
    value
    field={:toggle}
    hint="You can turn me on or off"
    toggle_label="Inline label"
  />
</.phx_form_for>

<.phx_form_for for={%{}} as={:story} :let={f}>
  <.toggle_switch_input_group
    form={f}
    id="toggle-switch-on-and-off-labels-on-label"
    value
    field={:toggle}
    toggle_label_on="I'm turned on 👍"
    toggle_label_off="I'm turned off 👎"
  />
</.phx_form_for>

<.phx_form_for for={%{}} as={:story} :let={f}>
  <.toggle_switch_input_group
    form={f}
    id="toggle-switch-on-and-off-labels-off-label"
    field={:toggle}
    toggle_label_on="I'm turned on 👍"
    toggle_label_off="I'm turned off 👎"
  />
</.phx_form_for>

<.phx_form_for for={%{}} as={:story} :let={f}>
  <.toggle_switch_input_group
    form={f}
    id="toggle-switch-single-switcher-style"
    label="Switcher style"
    name="toggle"
    value
    for="toggle"
    style={:switcher}
    toggle_label_on="Yes"
    toggle_label_off="No"
  />
</.phx_form_for>