import { useI18n } from "vue-i18n";
import type { ServiceItem } from "~/types/Tabs";

export const useWebServicesData = () => {
  const { t } = useI18n();
  const servicesData = computed<ServiceItem[]>(() => [
    {
      value: "website-design-and-development",
      title: t("webServices.0.title"),
      content: {
        title: t("webServices.0.content.title"),
        description: t("webServices.0.content.description"),
        features: [
          { text: t("webServices.0.content.features.0.text") },
          { text: t("webServices.0.content.features.1.text") },
          { text: t("webServices.0.content.features.2.text") },
        ],
      },
    },
    {
      value: "project-requirements-document",
      title: t("webServices.1.title"),
      content: {
        title: t("webServices.1.content.title"),
        description: t("webServices.1.content.description"),
        features: [
          { text: t("webServices.1.content.features.0.text") },
          { text: t("webServices.1.content.features.1.text") },
          { text: t("webServices.1.content.features.2.text") },
        ],
      },
    },
    {
      value: "testing-and-analysis",
      title: t("webServices.2.title"),
      content: {
        title: t("webServices.2.content.title"),
        description: t("webServices.2.content.description"),
        features: [
          { text: t("webServices.2.content.features.0.text") },
          { text: t("webServices.2.content.features.1.text") },
          { text: t("webServices.2.content.features.2.text") },
        ],
      },
    },
    {
      value: "maintenance-and-support-services",
      title: t("webServices.3.title"),
      content: {
        title: t("webServices.3.content.title"),
        description: t("webServices.3.content.description"),
        features: [
          { text: t("webServices.3.content.features.0.text") },
          { text: t("webServices.3.content.features.1.text") },
          { text: t("webServices.3.content.features.2.text") },
        ],
      },
    },
    {
      value: "tech-consulting",
      title: t("webServices.4.title"),
      content: {
        title: t("webServices.4.content.title"),
        description: t("webServices.4.content.description"),
        features: [
          { text: t("webServices.4.content.features.0.text") },
          { text: t("webServices.4.content.features.1.text") },
          { text: t("webServices.4.content.features.2.text") },
        ],
      },
    },
    {
      value: "software-outsourcing",
      title: t("webServices.5.title"),
      content: {
        title: t("webServices.5.content.title"),
        description: t("webServices.5.content.description"),
        features: [
          { text: t("webServices.5.content.features.0.text") },
          { text: t("webServices.5.content.features.1.text") },
          { text: t("webServices.5.content.features.2.text") },
        ],
      },
    },
  ]);
  return {
    servicesData,
  };
};
