import FieldLabel from "@/components/contactUs/FieldLabel";
import Field from "@/app/component/Field";
import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect";

const listIntensity = [
  { label: "خفیف" },
  { label: "متوسط" },
  { label: "شدید" },
];

function Content() {
  return (
    <div className="mt-[32px] md:mt-[36px] lg:mt-[40px] flex flex-col gap-[24px] md:gap-[28px] lg:gap-[32px] px-0 sm:px-[52px]">
      <FieldLabel title="ماده آلرژی‌زا">
        <Field isPlaceHolder={true} title="" type="text" />
      </FieldLabel>
      <FieldLabel title="واکنش">
        <Field isPlaceHolder={true} title="" type="text" />
      </FieldLabel>
      <FieldLabel title="ماده آلرژی‌زا">
        <AutoCompleteSelect list={listIntensity} label="شدت" />
      </FieldLabel>
    </div>
  );
}

export default Content;