Alert 23

import { CheckCheckIcon } from 'lucide-react'

import { Alert, AlertTitle, AlertDescription } from '@/registry/new-york/ui/alert'

const AlertSoftSuccessDemo = () => {
  return (
    <Alert className='border-none bg-green-600/10 text-green-600 dark:bg-green-400/10 dark:text-green-400'>
      <CheckCheckIcon />
      <AlertTitle>File uploaded successfully</AlertTitle>
      <AlertDescription className='text-green-600/80 dark:text-green-400/80'>
        Your document has been saved and is now available in your files.
      </AlertDescription>
    </Alert>
  )
}

export default AlertSoftSuccessDemo