लिंग-आधारित सामग्री / Intlayer में लिंग

import { gender, type Dictionary } from "intlayer";

const myGenderContent = {
  key: "my_key",
  content: {
    myGender: gender({
      male: "पुरुष उपयोगकर्ताओं के लिए मेरी सामग्री",
      female: "महिला उपयोगकर्ताओं के लिए मेरी सामग्री",
      fallback: "जब लिंग निर्दिष्ट नहीं होता है तो मेरी सामग्री", // वैकल्पिक
    }),
  },
} satisfies Dictionary;

export default myGenderContent;

import type { FC } from "react";
import { useIntlayer } from "react-intlayer";

const GenderComponent: FC = () => {
  const { myGender } = useIntlayer("my_key");

  return (
    <div>
      <p>
        {
          /* आउटपुट: पुरुष उपयोगकर्ताओं के लिए मेरी सामग्री */
          myGender("male")
        }
      </p>
      <p>
        {
          /* आउटपुट: मेरे महिला उपयोगकर्ताओं के लिए सामग्री */
          myGender("female")
        }
      </p>
      <p>
        {
          /* आउटपुट: मेरे पुरुष उपयोगकर्ताओं के लिए सामग्री */
          myGender("m")
        }
      </p>
      <p>
        {
          /* आउटपुट: मेरे महिला उपयोगकर्ताओं के लिए सामग्री */
          myGender("f")
        }
      </p>
      <p>
        {
          /* आउटपुट: जब लिंग निर्दिष्ट नहीं होता है तब मेरी सामग्री */
          myGender("")
        }
      </p>
      <p>
        {
          /* आउटपुट: जब लिंग निर्दिष्ट नहीं होता है तब मेरी सामग्री */
          myGender(undefined)
        }
      </p>
    </div>
  );
};

export default GenderComponent;