Alert

import {
	Alert,
	AlertAction,
	AlertDescription,
	AlertTitle,
} from "@moodinary/ui/components/alert";
import { Button } from "@moodinary/ui/components/button";
import {
	AlertCircle,
	CheckCircle,
	TriangleAlertIcon,
} from "@moodinary/ui/components/icons";

export default function AlertVariants() {
	return (
		<div className="grid w-full gap-3">
			<Alert variant="info">
				<AlertCircle />
				<AlertTitle>Cargá el calendario</AlertTitle>
				<AlertDescription>
					Sumá fechas importantes para dar contexto a las lecturas del equipo.
				</AlertDescription>
			</Alert>
			<Alert variant="ok">
				<CheckCircle />
				<AlertTitle>Cambios guardados</AlertTitle>
				<AlertDescription>
					Ya podés seguir trabajando con la configuración actualizada.
				</AlertDescription>
			</Alert>
			<Alert variant="warn">
				<TriangleAlertIcon />
				<AlertTitle>Revisá la configuración</AlertTitle>
				<AlertDescription>
					Completá el nombre del equipo antes de compartir el enlace.
				</AlertDescription>
			</Alert>
			<Alert variant="err">
				<TriangleAlertIcon />
				<AlertTitle>No pudimos cargar las analíticas</AlertTitle>
				<AlertDescription>Probá de nuevo en unos minutos.</AlertDescription>
				<AlertAction>
					<Button
						onClick={() => window.location.reload()}
						size="sm"
						variant="secondary"
					>
						Reintentar
					</Button>
				</AlertAction>
			</Alert>
		</div>
	);
}

import {
	Alert,
	AlertDescription,
	AlertTitle,
} from "@moodinary/ui/components/alert";

export default function AlertDefault() {
	return (
		<Alert>
			<AlertTitle>Información del equipo</AlertTitle>
			<AlertDescription>
				Este mensaje permanece en la página mientras revisás la configuración.
			</AlertDescription>
		</Alert>
	);
}