{"version":3,"file":"Fullscreen.stories.jsx","sourceRoot":"","sources":["../../../src/core/Fullscreen/Fullscreen.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE3F,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE3D,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,cAAc,GAAY,GAAG,EAAE;IAC1C,OAAO,CACL,CAAC,UAAU,CACT;MAAA,CAAC,oBAAoB,CACnB;QAAA,CAAC,WAAW,CACV;UAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CACvC;YAAA,CAAC,WAAW,CAAC,IAAI,CAAC,iBAAiB,EACnC;YAAA,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,uDAAuD,EAAE,IAAI,CAC5E;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,WAAW,CACf;MAAA,EAAE,oBAAoB,CACxB;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { CardContent, Flex, Fullscreen, ListToolbar, Text } from '@pega/cosmos-react-core';\n\nimport { StyledFullscreenCard } from './Fullscreen.styles';\n\nexport default {\n  title: 'Core/Fullscreen',\n  component: Fullscreen,\n  parameters: {\n    layout: 'centered'\n  }\n} as Meta;\n\nexport const FullscreenDemo: StoryFn = () => {\n  return (\n    <Fullscreen>\n      <StyledFullscreenCard>\n        <CardContent>\n          <Flex container={{ direction: 'column' }}>\n            <ListToolbar name='Fullscreen demo' />\n            <Text as='p'>This card can be toggled in and out of fullscreen size.</Text>\n          </Flex>\n        </CardContent>\n      </StyledFullscreenCard>\n    </Fullscreen>\n  );\n};\n"]}