import { ITextVariables } from "@/data";
import WorksForUsDescription from "../pages/QuestionnaireIntermediate/WorksForUsDescription";
import WorksTraitsDescription from "../pages/QuestionnaireIntermediate/WorksTraitsDescription";

export const textVariables: ITextVariables = {
  "works-for-us": {
    titles: {
      very_unhappy: "/works-for-us-1.title",
      unhappy: "/works-for-us-2.title",
      happy: "/works-for-us-3.title",
    },
    backgroundImages: {
      very_unhappy: "/works-for-us-very-unhappy.webp",
      unhappy: "/works-for-us-unhappy.webp",
      happy: "/works-for-us-happy.webp",
    },
    description: <WorksForUsDescription />,
  },
  "works-traits": {
    titles: {
      very_unhappy: "/works-traits-1.title",
      unhappy: "/works-traits-1.title",
      happy: "/works-traits-2.title",
      never_been: "/works-traits-3.title",
    },
    backgroundImages: {
      very_unhappy: "/works-traits-unhappy.webp",
      unhappy: "/works-traits-unhappy.webp",
      happy: "/works-traits-happy.webp",
      never_been: "/works-traits-never_been.webp",
    },
    description: <WorksTraitsDescription />,
  },
  "not-alone": {
    titles: {
      yes: (
        <>
          You’re not alone. <br /> A lot of{" "}
          <span style={{ color: "#f2c94c" }}> $zodiac </span> people find it
          difficult to control emotions due to their zodiac sign traits.Don’t
          worry, we know how to address that!
        </>
      ),
      sometimes: (
        <>
          You’re not alone. <br /> A lot of{" "}
          <span style={{ color: "#f2c94c" }}> $zodiac </span> people find it
          difficult to control emotions due to their zodiac sign traits.Don’t
          worry, we know how to address that!
        </>
      ),
      rarely: (
        <>
          All right! <br /> You keep your emotions in check{" "}
          <span style={{ color: "#f2c94c" }}> $zodiac </span>, but sometimes
          people might want you to show more passion.We can give you some
          insights about that!
        </>
      ),
      not_all: (
        <>
          All right! <br /> You keep your emotions in check{" "}
          <span style={{ color: "#f2c94c" }}> $zodiac </span>, but sometimes
          people might want you to show more passion.We can give you some
          insights about that!
        </>
      ),
    },
    description: "",
    backgroundImages: {
      yes: "/company_and_sunset.webp",
      sometimes: "/company_and_sunset.webp",
      rarely: "/laughing_women.webp",
      not_all: "/laughing_women.webp",
    },
  },
};
