import styles from "./html.module.scss"
import classNames from 'classnames'

type PProps = {
  width: "1/2" | "3/4",
  children?: React.ReactNode
}

export const P = ({width, children}: PProps) => {
  return (
    <p className={classNames({
      [styles.container]: true,
      [styles.half]: width === "1/2",
      [styles.threeFourth]: width === "3/4"
    })}>
      {children}
    </p>
  )
}