mirror of https://github.com/sylv/micro.git
17 lines
511 B
TypeScript
17 lines
511 B
TypeScript
import clsx from 'clsx';
|
|
import type { FC, ReactNode } from 'react';
|
|
import { FiInfo } from 'react-icons/fi';
|
|
|
|
export const Warning: FC<{ children: ReactNode; className?: string }> = ({ children, className }) => {
|
|
const classes = clsx(
|
|
'bg-purple-400 bg-opacity-40 border border-purple-400 px-2 py-1 rounded text-sm flex items-center gap-2',
|
|
className,
|
|
);
|
|
return (
|
|
<div className={classes} role="alert">
|
|
<FiInfo className="text-purple-400 h-5 w-5" />
|
|
{children}
|
|
</div>
|
|
);
|
|
};
|