import * as React from 'react'

/**
 * @category Components
 */
export const ErrorText = ({children, className = ``, style = {}, tag = `p`, ...props}) => {
  const Tag = tag
  return (
    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
    // @ts-ignore
    <Tag
      className={`
        ${className}
      `}
      style={{
        color: `#b00b00`,
        fontWeight: `bold`,
        fontFamily: `monospace`,
        ...style,
      }}
      {...props}
    >
      {children}
    </Tag>
  )
}

export default ErrorText