Info Alert

import { Alert, AlertDescription, AlertTitle } from "@/registry/ui/alert";
import { InfoIcon } from "lucide-react";

export default function AlertInfoDemo() {
  return (
    <Alert className="border-cyan-600/50 text-cyan-600 dark:border-cyan-600 [&>svg]:text-cyan-600">
      <InfoIcon className="size-4" />
      <AlertTitle>Important Information</AlertTitle>
      <AlertDescription className="text-cyan-600">
        Make sure to review the recent updates before proceeding.
      </AlertDescription>
    </Alert>
  );
}