import Link from "next/link";
import { ReactNode } from "react"

export const paragraphFormatFactory = (locale: string) => ({
  strong: (chunks: ReactNode) => <strong className='text-indigo-400 font-semibold' >{chunks}</strong>,
  bold: (chunks: ReactNode) => <strong className='text-bold' >{chunks}</strong>,
  indigo: (chunks: ReactNode) => <span className="text-indigo-400"> {chunks} </span>,
  p: (chunks: ReactNode) => <p className="p mt-[1em] max-w-[38rem] mx-auto text-justify">{chunks}</p>,
  disclaimer: (chunks: ReactNode) => <p className="p mt-[1em] max-w-[30rem] mx-auto text-center text-sm text-neutral-500">{chunks}</p>,
  hint: (chunks: ReactNode) => <span className='text-indigo-400 block'> {chunks}</span>,
  linkTermsOfService: (chunks: ReactNode) => <Link href={`/${locale}/terms-of-service`} className="hover:underline italic">{chunks}</Link>,
  linkPrivacyPolicy: (chunks: ReactNode) => <Link href={`/${locale}/privacy-policy`} className="hover:underline italic">{chunks}</Link>
});