market/src/components/atoms/Status.tsx

import React, { ReactElement } from 'react'
import styles from './Status.module.css'

export default function Status({ state }: { state?: string }): ReactElement {
  const classes =
    state === 'error'
      ? styles.error
      : state === 'warning'
      ? styles.warning
      : styles.status

  return <i className={classes} />
}