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

type CrossProps = {
  schema?: "base" | "contrast"
}

export const Cross = ({schema = "base"}: CrossProps) => {
  const style = classNames({
    [styles.crossContrast]: schema === "contrast",
    [styles.crossBase]: schema === "base",
  })

  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 39.69 49.61"
      className={style}
      height={49.61}
    >
      <polygon
        points="33.89 14.81 19.89 14.81 19.89 0.8 18.89 0.8 18.89 14.81 4.89 14.81 4.89 15.81 18.89 15.81 18.89 48.8 19.89 48.8 19.89 15.81 33.89 15.81 33.89 14.81" />
    </svg>
)
}