import { toPublicEndpoint } from '~/src/lib/getPublicEndpoint';
import { useI18n } from '~/src/lib/i18n';
import Link from '../Link2';
import Text from '../Text';

const LegalText = ({
  margin,
  size = '1.1rem',
}: {
  margin?: string;
  size?: number | string;
}) => {
  const { t } = useI18n();

  return (
    <Text margin={margin} opacity={0.7} size={size} isParagraph centered>
      © {new Date().getFullYear()} Songwhip{' '}
      <Link href={toPublicEndpoint('/privacy/sme')}>
        {t('app.labels.privacy')}
      </Link>{' '}
      &amp; <Link href="/terms">{t('app.labels.terms')}</Link>
    </Text>
  );
};

export default LegalText;