export interface FormField {
  label: string;
  type: string;
  placeholder: string;
  required?: boolean;
  name: string;
  width?: "half" | "full";
}

export interface ContactFormData {
  title: string;
  fields: FormField[];
  submitButton: {
    text: string;
    icon: {
      src: string;
      alt: string;
    };
  };
}

export const contactFormData: ContactFormData = {
  title: "Let's connect & help you succeed",
  fields: [
    {
      label: "Full name",
      type: "text",
      placeholder: "Benjamin Carter",
      required: true,
      width: "half",
      name: "name",
    },
    {
      label: "Email Address",
      type: "email",
      placeholder: "info@example.com",
      required: true,
      width: "half",
      name: "email",
    },
    {
      label: "Phone",
      type: "text",
      placeholder: "+1 (234) 56 88 99",
      required: true,
      width: "half",
      name: "phone",
    },
    {
      label: "Subjects",
      type: "text",
      placeholder: "I would like to discussed",
      required: true,
      width: "half",
      name: "subject",
    },
    {
      label: "Message",
      type: "textarea",
      placeholder: "Write message",
      width: "full",
      name: "message",
    },
  ],
  submitButton: {
    text: "Send Message",
    icon: {
      src: "assets/images/icon/arrow.svg",
      alt: "Send Arrow Icon",
    },
  },
};