import { Text } from '@react-email/components';
import { TFunction } from 'i18next';

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>
  );
}