Function Alert

apps/web/ui/Alert/index.tsx:24–37

({ className, type, children }: Props)

}

export default function Alert({ className, type, children }: Props) {
  return (
    <div
      className={classNames(styles.alert, className, {
        [styles.danger]: type === 'danger',
        [styles.info]: type === 'info',
      })}
      role="alert"
    >
      {icon(type)}
      <span>{children}</span>
    </div>
  );
}