export type ContactFormField = {
  id: string;
  name: string;
  label: string;
  type: "text" | "email" | "tel" | "textarea";
  placeholder: string;
  autoComplete?: string;
  required?: boolean;
  colClass: string;
  rows?: number;
  maxLength?: number;
};

export const contactFormCopy = {
  title: "Need Any Helps? Say Hello",
  submitLabel: "Send Message Us",
  submittingLabel: "Sending…",
  successMessage: "Thanks — your message was sent. We'll reply soon.",
  errorMessage: "We couldn't send that. Please try again in a moment.",
  aosDelay: 300,
  arrowAlt: "Arrow icon",
};

export const contactFormFields: ContactFormField[] = [
  {
    id: "contact-name",
    name: "name",
    label: "Your name",
    type: "text",
    placeholder: "Your Name",
    autoComplete: "name",
    required: true,
    colClass: "col-lg-6",
  },
  {
    id: "contact-phone",
    name: "phone",
    label: "Phone number",
    type: "tel",
    placeholder: "Phone Number",
    autoComplete: "tel",
    colClass: "col-lg-6",
  },
  {
    id: "contact-email",
    name: "email",
    label: "Email address",
    type: "email",
    placeholder: "Email Address",
    autoComplete: "email",
    required: true,
    colClass: "col-lg-12",
  },
  {
    id: "contact-message",
    name: "message",
    label: "Your message",
    type: "textarea",
    placeholder: "Your Message",
    autoComplete: "off",
    required: true,
    colClass: "col-lg-12",
    rows: 5,
    maxLength: 2000,
  },
];