import { TFunction } from "i18next";
import { Text } from "@react-email/components";
import { EmailFooter } from "./footer";

export default function CommonFooter({ t }: { t: TFunction }) {
  const namespace = 'common';

  const lines = [
    t(`${namespace}:footer.lines1`),
    t(`${namespace}:footer.lines2`),
    t(`${namespace}:footer.lines3`),
    t(`${namespace}:footer.lines4`),
  ];

  return (
    <EmailFooter>
      {lines.map((line, index) => (
        <Text key={index} className="text-[16px] leading-[24px] text-[#242424]" dangerouslySetInnerHTML={{ __html: line }} />
      ))}
    </EmailFooter>
  )
}
