import { useToast, ToastProvider } from "@b1nd/dodam-design-system/components";

// 앱 루트에 ToastProvider 추가
function App() {
  return (
    <>
      <ToastProvider />
      {/* ... */}
    </>
  );
}

// 컴포넌트에서 사용
function MyComponent() {
  const toast = useToast();

  return (
    <button onClick={() => toast("메시지")}>토스트</button>
  );
}

// 위치 지정
toast("상단 메시지", { position: "top" });

// 타입별 토스트
toast.success("성공 메시지");
toast.error("에러 메시지");
toast.warning("경고 메시지");

// Duration 설정
toast("5초 후 사라져요", { duration: 5000 });

// 커스텀 아이콘
import { LoudSpeaker } from "@b1nd/dodam-design-system/icons/illustration";
toast("커스텀 아이콘", { icon: <LoudSpeaker size={20} /> });

// 수동으로 닫기
const id = toast("메시지");
toast.hide(id);