Toast

import { Toaster, toast } from '@amineslab/ui/toast/sonner'

import { Button } from '@amineslab/ui'

function ToastExample({ title = '변경사항을 저장했습니다.', close = true, }: {
    title?: string;
    close?: boolean;
} = {}) {
    return (<div className="flex flex-wrap gap-2">
      <Toaster />
      <Button onClick={() => toast.success(title, { close })}>간단한 알림</Button>
      <Button variant="outline" onClick={() => toast.info({
            title: '항목을 이동했습니다.',
            description: '언제든 원래 위치로 되돌릴 수 있습니다.',
            action: {
                label: '되돌리기',
                onClick: () => {
                    toast.success('되돌렸습니다.');
                },
            },
            close,
        })}>
        설명과 작업
      </Button>
    </div>);
}

export default function ExamplePreview() {
  return (<ToastExample title={"변경사항을 저장했습니다."} close={true}/>)
}