Toast

import { toast } from '@otfdashkit/ui'
import { Button } from '@otfdashkit/ui'

export function Example() {
  return (
    <div className="flex flex-wrap gap-2">
      <Button onClick={() => toast('Default toast', { description: 'This is a default toast message' })}>Default</Button>
      <Button variant="outline" onClick={() => toast.success('Success', { description: 'Operation completed' })}>Success</Button>
      <Button variant="outline" onClick={() => toast.error('Error', { description: 'Something went wrong' })}>Error</Button>
      <Button variant="outline" onClick={() => toast.warning('Warning', { description: 'Please review before continuing' })}>Warning</Button>
      <Button variant="outline" onClick={() => toast.info('Info', { description: 'New version available' })}>Info</Button>
    </div>
  )
}