import { Typography } from "@scandic-hotels/design-system/Typography"

interface TrProps {
  subtitle?: string
  title: string
}

export default function HeaderRow({ subtitle, title }: TrProps) {
  return (
    <>
      <tr>
        <th colSpan={2}>
          <Typography variant="Body/Paragraph/mdRegular">
            <span>{title}</span>
          </Typography>
        </th>
      </tr>
      {subtitle ? (
        <tr>
          <th colSpan={2}>
            <Typography variant="Body/Paragraph/mdRegular">
              <span>{subtitle}</span>
            </Typography>
          </th>
        </tr>
      ) : null}
    </>
  )
}