Toast#

import { useState } from 'react'
import { AnimatePresence } from 'framer-motion'
import { Toast, Button } from '@coldsurfers/ocean-road'

function MyPage() {
  const [show, setShow] = useState(false)

  return (
    <>
      <Button onClick={() => setShow(true)}>토스트 표시</Button>
      <AnimatePresence>
        {show && (
          <Toast
            message="저장되었습니다."
            onClose={() => setShow(false)}
          />
        )}
      </AnimatePresence>
    </>
  )
}