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

import styles from "./row.module.css"

interface RowProps {
  label: string
  value: string
}

export default function LargeRow({ label, value }: RowProps) {
  return (
    <tr className={styles.row}>
      <td>
        <Typography variant="Body/Paragraph/mdBold">
          <span>{label}</span>
        </Typography>
      </td>
      <td className={styles.price}>
        <Typography variant="Body/Paragraph/mdBold">
          <span>{value}</span>
        </Typography>
      </td>
    </tr>
  )
}
