import type { ElementType } from "react";
import {
  PhoneIcon,
  EnvelopeSimpleIcon,
  ClockIcon,
} from "@phosphor-icons/react/dist/ssr";

export type CompanyContactKey = "phone" | "email" | "openingHours";

export type CompanyContactItem = {
  type: "company";
  contactKey: CompanyContactKey;
  icon: ElementType;
};

export type StaticContactItem = {
  type: "static";
  icon: ElementType;
  label: string;
  href?: string;
};

export type ContactInfo = CompanyContactItem | StaticContactItem;

export type ContactCtaData = {
  heading: string;
  lead: string;
  buttonLabel: string;
  buttonHref: string;
  contacts: ContactInfo[];
};

export const contactCtaData: ContactCtaData = {
  heading: "Lassen Sie uns über Ihre Anforderungen sprechen",
  lead: "Wir erstellen ein individuelles Reinigungskonzept für Ihr Unternehmen in Hannover und Umgebung. Unverbindlich, transparent und exakt auf Ihre Anforderung abgestimmt.",
  buttonLabel: "Angebot anfragen",
  buttonHref: "/kontakt",
  contacts: [
    {
      type: "company",
      contactKey: "phone",
      icon: PhoneIcon,
    },
    {
      type: "company",
      contactKey: "email",
      icon: EnvelopeSimpleIcon,
    },
    {
      type: "company",
      contactKey: "openingHours",
      icon: ClockIcon,
    },
  ],
};