<.error_box
  field={%FormField{id: "foo", name: "foo", errors: [{"My error", []}], field: :foo, form: %Phoenix.HTML.Form{source: %{"foo" => "bar"}, impl: Phoenix.HTML.FormData.Map, id: nil, name: nil, data: %{}, action: nil, hidden: [], params: %{"foo" => "bar"}, errors: [foo: {"My error", []}], options: [], index: nil}, value: "bar"}}
>
  <.stack space="base">
    <.picker_card id="dinner-tournament-1" title="Dinner and Tournament">
      <:description>
        Includes admission to two-hour live tournament, four-course medieval feast, group announcement during the tournament, guaranteed group seating
      </:description>
      <:footer>
        Est. price per person: <b>$40</b>
      </:footer>
      <:picker :let={%{title_container_id: title_container_id, description_container_id: description_container_id}}>
        <.input
          type="radio"
          name="test"
          value="yes"
          checked={false}
          aria-labelledby={title_container_id}
          aria_describedby={description_container_id}
          label="Select Dinner and Tournament"
          label_hidden="true"
        />
      </:picker>
    </.picker_card>
    <.picker_card id="dinner-tournament-2" title="Dinner and Tournament">
      <:description>
        Includes admission to two-hour live tournament, four-course medieval feast, group announcement during the tournament, guaranteed group seating
      </:description>
      <:footer>
        Est. price per person: <b>$40</b>
      </:footer>
      <:picker :let={%{title_container_id: title_container_id, description_container_id: description_container_id}}>
        <.input
          type="radio"
          name="test"
          value="yes"
          checked={false}
          aria-labelledby={title_container_id}
          aria_describedby={description_container_id}
          label="Select Dinner and Tournament"
          label_hidden="true"
        />
      </:picker>
    </.picker_card>
  </.stack>
</.error_box>