Files
panel/resources/scripts/components/elements/ErrorMessage.tsx
2023-11-06 04:12:03 +00:00

16 lines
408 B
TypeScript

import { ExclamationCircleIcon } from '@heroicons/react/24/outline'
import { ReactNode } from 'react'
interface Props {
children?: ReactNode
}
const ErrorMessage = ({ children }: Props) => (
<div className='flex space-x-1 mt-2'>
<ExclamationCircleIcon className='h-5 w-5 text-error' />{' '}
<p className='text-sm text-error'>{children}</p>
</div>
)
export default ErrorMessage