import styles from './styles.module.scss'
import { Cross, ColorOption } from '@/components/Cross/Cross'

type HRProps = {
  color?: ColorOption
}

export const HR = ({ color = 'base' }: HRProps) => {
  return (
    <div className={styles.container}>
      <div className={`${styles.line} ${styles[color]}`}></div>
      <Cross color={color} />
      <div className={`${styles.line} ${styles[color]}`}></div>
    </div>
  )
}