import React, { useState } from 'react'

import { Button, Drawer } from 'react-icecream'

export default function Demo() {
  const [shouldRender, setShouldRender] = useState(false)

  return (
    <>
      <Button onClick={() => setShouldRender(true)}>渲染抽屉</Button>
      {shouldRender && (
        <Drawer title="非受控抽屉">
          <p>Some contents...</p>
          <p>Some contents...</p>
          <p>Some contents...</p>
        </Drawer>
      )}
    </>
  )
}