{"version":3,"file":"AdditionalInfo.stories.jsx","sourceRoot":"","sources":["../../../src/core/AdditionalInfo/AdditionalInfo.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/D,eAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,cAAc;CAClB,CAAC;AAMV,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CACnE,IAA8B,EAC9B,EAAE;IACF,OAAO,CACL,CAAC,cAAc,CAAC,OAAO,CAAC,iBAAiB,CACvC;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CACtC;QAAA,CAAC,CAAC,CACA;UAAA,CAAC,IAAI,CAAC,mBAAmB,CACzB;UAAA,CAAC,CAAC,CAAC,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,YAAY,CAC7D;;UACF,EAAE,CAAC,CACL;QAAA,EAAE,CAAC,CACH;QAAA,CAAC,GAAG,CACF,GAAG,CAAC,6EAA6E,CACjF,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CACtB,GAAG,CAAC,EAAE,EAEV;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,cAAc,CAAC,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAkB,CAAC,IAAI,GAAG;IACxB,mBAAmB,EAAE,qEAAqE;CAC3F,CAAC;AAEF,kBAAkB,CAAC,QAAQ,GAAG;IAC5B,mBAAmB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;CACnD,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { AdditionalInfo, Flex } from '@pega/cosmos-react-core';\nimport type { AdditionalInfoProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/AdditionalInfo',\n  component: AdditionalInfo\n} as Meta;\n\ntype AdditionalInfoStoryProps = AdditionalInfoProps & {\n  configurableContent: string;\n};\n\nexport const AdditionalInfoDemo: StoryFn<AdditionalInfoStoryProps> = (\n  args: AdditionalInfoStoryProps\n) => {\n  return (\n    <AdditionalInfo heading='Additional info'>\n      <Flex container={{ justify: 'between' }}>\n        <p>\n          {args.configurableContent}\n          <a href='https://www.pega.com' target='_blank' rel='noreferrer'>\n            This is a link\n          </a>\n        </p>\n        <img\n          src='https://www.pyze.com/wp-content/uploads/2020/07/pega-transparent-logo-2.png'\n          style={{ width: 150 }}\n          alt=''\n        />\n      </Flex>\n    </AdditionalInfo>\n  );\n};\n\nAdditionalInfoDemo.args = {\n  configurableContent: 'This content can be modified to fit the necessary additional info. '\n};\n\nAdditionalInfoDemo.argTypes = {\n  configurableContent: { control: { type: 'text' } }\n};\n"]}