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

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

export default function Price({
  isCancelled,
  isMember,
  price,
}: {
  isCancelled: boolean
  isMember?: boolean
  price: string
}) {
  return (
    <Typography variant="Title/Subtitle/md">
      <p className={isMember ? styles.memberPrice : styles.nonMemberPrice}>
        {isCancelled ? <s>{price}</s> : price}
      </p>
    </Typography>
  )
}
