Bottomsheet

<Bottomsheet>
  <BottomsheetTrigger asChild>
    <Button variant='outline'>바텀시트 열기</Button>
  </BottomsheetTrigger>
  <BottomsheetContent>
    <Theme asChild>
      <div>
        <BottomsheetHeader>
          <BottomsheetTitle>예약을 취소하시겠습니까?</BottomsheetTitle>
          <BottomsheetDescription>항공권 예약 취소</BottomsheetDescription>
        </BottomsheetHeader>
        <div style={{padding: '1rem'}}>취소된 예약은 되돌릴 수 없으며, 필요 시 다시 처음부터 예약하셔야 합니다.</div>
        <BottomsheetFooter>
          <Button>네, 취소하겠습니다.</Button>
          <BottomsheetClose asChild>
            <Button variant='outline'>아니요</Button>
          </BottomsheetClose>
        </BottomsheetFooter>
      </div>
    </Theme>
  </BottomsheetContent>
</Bottomsheet>