import Link from '@/components/link/Link';

interface SecondaryTitleTextProps {
  text: string;
  href: string;
  fontSize?: number;
}

const SecondaryTitleText = ({
  text,
  href,
  fontSize,
}: SecondaryTitleTextProps) => {
  return (
    <span
      className='text-md mt-2 cursor-pointer px-4 font-sans font-normal break-words whitespace-pre-wrap text-foreground-primary'
      style={{ maxWidth: '100%', fontSize: fontSize }}
      title={text}
    >
      <Link href={href}>{text}</Link>
    </span>
  );
};

export default SecondaryTitleText;