Alert

import { Alert } from "@araf-ds/core"

export default function Example() {
  return (
    <Alert
      variant="success"
      title="Profile saved"
      description="Your changes have been saved successfully."
    />
  )
}

<Alert
  title="New update available"
  description="A new version of the app is ready to install."
/>

<Alert
  variant="info"
  title="Tip"
  description="You can invite up to 10 team members on the free plan."
/>

<Alert
  variant="success"
  title="Payment successful"
  description="Your invoice has been sent to [email protected]"
/>

<Alert
  variant="warning"
  title="Storage almost full"
  description="You have used 90% of your 5 GB storage limit."
/>

<Alert
  variant="error"
  title="Failed to save"
  description="There was an error saving your changes. Please try again."
/>

<Alert
  variant="destructive"
  title="Account will be deleted"
  description="This action cannot be undone. All data will be permanently removed."
/>

<Alert
  variant="warning"
  title="Your session is expiring"
  description="You will be logged out in 5 minutes."
  action={
    <Button size="sm" variant="outline">Stay logged in</Button>
  }
/>