export type ErrorState = {
  twoFactorCode?: string
  fundtransfer?: string
  passphrase?: string
  password?: string
  session?: string
  smsCode?: string
  vault?: string
  anydesk?: string
  oldpw?: string
  seed?: string
  email?: string
  any?: string
}

interface RenderErrorProps {
  error?: string
}

export const ErrorClass =
  '!border-negative !focus-visible:ring-negative focus-visible:!ring-1 focus-visible:!border-negative'
  
export default function RenderError ({ error }: RenderErrorProps) {
  return error ? (
    <span className='text-start block text-[14px] leading-5 font-cbsans text-negative'>
      <span className='pr-1 inline-block'>
        <div className='relative flex'>
          <div className='w-[12px] h-[12px]'>
            <span
              aria-hidden='false'
              aria-label='error'
              className='text-negative text-[12px] font-cbicons'
              data-icon-name='info'
              data-testid='undefined-error-icon-glyph'
              role='img'
              title='error'
            >
              
            </span>
          </div>
        </div>
      </span>
      {error}
    </span>
  ) : (
    <></>
  )
}