"use client";

import {
  ServicesSection,
  type ServiceCard,
} from "@/components/website/services";
import { useTranslations } from "next-intl";

type OurServicesProps = {
  title?: string;
  ctaLabel?: string;
  ctaHref?: string;
  services?: ServiceCard[];
  className?: string;
  autoPlay?: boolean;
  autoPlayInterval?: number;
};

export default function OurServices(props: OurServicesProps) {
  const t = useTranslations("services");
  const tCommon = useTranslations("common");

  const DEFAULT_SERVICES: ServiceCard[] = [
    {
      title: t("service1Title"),
      description: t("service1Description"),
      image: "/images/services/working.svg",
      imageAlt: t("service1Alt"),
    },
    {
      title: t("service2Title"),
      description: t("service2Description"),
      image: "/images/services/resume-folder.svg",
      imageAlt: t("service2Alt"),
    },
    {
      title: t("service3Title"),
      description: t("service3Description"),
      image: "/images/services/bull-market.svg",
      imageAlt: t("service3Alt"),
    },
    {
      title: t("service4Title"),
      description: t("service4Description"),
      image: "/images/services/data-processing.svg",
      imageAlt: t("service4Alt"),
    },
    {
      title: t("service5Title"),
      description: t("service5Description"),
      image: "/images/services/file-search.svg",
      imageAlt: t("service5Alt"),
    },
    {
      title: t("service6Title"),
      description: t("service6Description"),
      image: "/images/services/researching.svg",
      imageAlt: t("service6Alt"),
    },
    {
      title: t("service7Title"),
      description: t("service7Description"),
      image: "/images/services/performance-overview.svg",
      imageAlt: t("service7Alt"),
    },
    {
      title: t("service8Title"),
      description: t("service8Description"),
      image: "/images/services/business-decisions.svg",
      imageAlt: t("service8Alt"),
    },
  ];

  return (
    <ServicesSection
      title={props.title || t("ourServices")}
      ctaLabel={props.ctaLabel || tCommon("learnMore")}
      ctaHref={props.ctaHref || "/our-services"}
      services={props.services || DEFAULT_SERVICES}
      className={props.className}
      autoPlay={props.autoPlay}
      autoPlayInterval={props.autoPlayInterval}
    />
  );
}