legal.tsx

import Link from 'next/link'
import { Paragraph } from '@/components/paragraph'
import {
  trademarkLinks,
  phone,
  businessAddress,
  copyrightYears,
  copyrightName,
} from '@/components/footer/config'
import type { TrademarkLink } from '@/components/footer/config'

export function Legal() {
  return (
    <Paragraph fontSize="text-xs" margin="mb-0" textAlign="text-left">
      {trademarkLinks.map((t: TrademarkLink, i: number) => (
        <span key={t.label}>
          {i > 0 && ' and '}
          <a
            href={t.href}
            target="_blank"