You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
22 lines
638 B
22 lines
638 B
import React from 'react'; |
|
import classNames from 'classnames'; |
|
|
|
import { StatusState } from '../../utils/input-statuses'; |
|
|
|
interface FormStatusIndicatorProps { |
|
status: StatusState; |
|
} |
|
export default function FormStatusIndicator({ status }: FormStatusIndicatorProps) { |
|
const { type, icon, message } = status || {}; |
|
const classes = classNames({ |
|
'status-container': true, |
|
[`status-${type}`]: type, |
|
empty: !message, |
|
}); |
|
return ( |
|
<span className={classes}> |
|
{icon ? <span className="status-icon">{icon}</span> : null} |
|
{message ? <span className="status-message">{message}</span> : null} |
|
</span> |
|
); |
|
}
|
|
|