mirror of
https://github.com/zitadel/zitadel.git
synced 2025-12-12 12:03:17 +00:00
15 lines
565 B
TypeScript
15 lines
565 B
TypeScript
import { ExclamationTriangleIcon } from "@heroicons/react/24/outline";
|
|
|
|
type Props = {
|
|
children: React.ReactNode;
|
|
};
|
|
|
|
export default function Alert({ children }: Props) {
|
|
return (
|
|
<div className="flex flex-row items-center justify-center border border-yellow-600/40 dark:border-yellow-500/20 bg-yellow-200/30 text-yellow-600 dark:bg-yellow-700/20 dark:text-yellow-200 rounded-md py-2 scroll-px-40">
|
|
<ExclamationTriangleIcon className="flex-shrink-0 h-5 w-5 mr-2 ml-2" />
|
|
<span className="text-center text-sm">{children}</span>
|
|
</div>
|
|
);
|
|
}
|