import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks'

import ContentArea from '../../content-area'
import { LaunchModal } from '../index'

<Meta title="Design System/Components/Modal/Modal" />

# Modal

## Preview

<Preview>
  <Story name="Modal">
    <ContentArea className="h-screen bg-bscs-gray-100">
      <LaunchModal
        blurId="docs-root"
        button={true}
        className="p-2"
        launchText="Open Modal 2"
        modalId="test"
        title="Modal 2"
      >
         <p>I'm baby beard humblebrag next level, 90's trust fund freegan mustache knausgaard shaman unicorn. Tbh fanny pack art party yuccie coloring book, mustache small batch brunch bicycle rights raclette enamel pin kombucha. Tacos meh PBR&B bushwick godard coloring book neutra pabst dreamcatcher cray tofu plaid selvage marfa. Kombucha poutine kinfolk flexitarian forage. Mustache echo park poutine twee affogato tattooed, yr thundercats.</p><br/>
         
         <p>Pop-up cred migas kogi intelligentsia listicle, keytar pabst vice viral coloring book. Chicharrones knausgaard jean shorts cray air plant dreamcatcher echo park cliche etsy vaporware brooklyn migas deep v shabby chic hot chicken. Normcore kitsch asymmetrical chia lo-fi vape everyday carry glossier lomo flexitarian edison bulb kinfolk offal af echo park. Offal pork belly thundercats art party bitters. Cliche master cleanse succulents activated charcoal kickstarter narwhal irony freegan tote bag literally shabby chic gastropub adaptogen palo santo.</p><br/>
         
         <p>Keytar pok pok helvetica live-edge, four dollar toast try-hard chicharrones poutine. Live-edge fixie plaid hella, tumeric celiac portland. Hexagon gentrify poutine edison bulb food truck subway tile. Hell of literally biodiesel 3 wolf moon, flannel retro williamsburg cray bitters freegan. Etsy farm-to-table pour-over meh hoodie snackwave kale chips quinoa post-ironic hexagon semiotics. Cardigan artisan 8-bit subway tile meggings roof party four dollar toast 90's woke vinyl master cleanse knausgaard health goth put a bird on it.</p><br/>
         
         <p>Swag gluten-free hammock paleo tumblr la croix chicharrones trust fund everyday carry. Lumbersexual selvage yr readymade hammock, lo-fi iPhone irony skateboard enamel pin pop-up microdosing mustache. Flexitarian gluten-free 8-bit man bun XOXO literally cloud bread plaid organic post-ironic taiyaki raw denim bitters four loko. Glossier freegan cliche, tilde hammock XOXO slow-carb cred. Glossier enamel pin sustainable, green juice succulents williamsburg cray.</p><br/>
         
         <p>Whatever iPhone man bun hexagon selfies, kinfolk taiyaki cliche iceland sartorial readymade gochujang cronut. Jianbing bitters roof party brooklyn skateboard vegan heirloom palo santo street art tumeric polaroid ugh. Bicycle rights plaid try-hard locavore XOXO put a bird on it ennui whatever helvetica brunch kombucha actually waistcoat cred kitsch. Street art pour-over cliche, umami disrupt paleo scenester woke taiyaki pinterest ennui.</p>
      </LaunchModal>
    </ContentArea>
  </Story>
</Preview>

## Props

### LaunchModal

<Props of={LaunchModal} />