Alert

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

export function AlertDefault() {
  return (
    <Alert>
      <AlertTitle>Heads up</AlertTitle>
      <AlertDescription>This is a default alert.</AlertDescription>
    </Alert>
  )
}

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

export function AlertDestructive() {
  return (
    <Alert variant="destructive">
      <AlertTitle>Error</AlertTitle>
      <AlertDescription>Something went wrong.</AlertDescription>
    </Alert>
  )
}

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

export function AlertSuccess() {
  return (
    <Alert variant="success">
      <AlertTitle>Success</AlertTitle>
      <AlertDescription>Your changes have been saved.</AlertDescription>
    </Alert>
  )
}

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

export function AlertWarning() {
  return (
    <Alert variant="warning">
      <AlertTitle>Warning</AlertTitle>
      <AlertDescription>Please review before continuing.</AlertDescription>
    </Alert>
  )
}

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

export function AlertInfo() {
  return (
    <Alert variant="info">
      <AlertTitle>Note</AlertTitle>
      <AlertDescription>This is an informational message.</AlertDescription>
    </Alert>
  )
}