{"version":3,"file":"SkipLinks.stories.jsx","sourceRoot":"","sources":["../../../src/core/SkipLinks/SkipLinks.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,SAAS;CACb,CAAC;AAEV,MAAM,CAAC,MAAM,aAAa,GAA4B,GAAG,EAAE;IACzD,MAAM,KAAK,GAA4B,OAAO,CAC5C,GAAG,EAAE,CAAC;QACJ;YACE,KAAK,EAAE,oBAAoB;YAC3B,MAAM,EAAE;gBACN,SAAS,EAAE,cAAc;gBACzB,QAAQ,EAAE,MAAM;aACjB;SACF;QACD;YACE,KAAK,EAAE,cAAc;YACrB,MAAM,EAAE;gBACN,SAAS,EAAE,QAAQ;gBACnB,QAAQ,EAAE,QAAQ;aACnB;SACF;KACF,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,CAAC,sBAAsB,CACrB;MAAA,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAC1B;IAAA,EAAE,sBAAsB,CAAC,CAC1B,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useMemo } from 'react';\n\nimport { SkipLinks } from '@pega/cosmos-react-core';\nimport type { SkipLinksProps } from '@pega/cosmos-react-core';\n\nimport { StyledSkipLinksWrapper } from './SkipLinks.styles';\n\nexport default {\n  title: 'Core/SkipLinks',\n  component: SkipLinks\n} as Meta;\n\nexport const SkipLinksDemo: StoryFn<SkipLinksProps> = () => {\n  const items: SkipLinksProps['items'] = useMemo(\n    () => [\n      {\n        label: 'go to main content',\n        target: {\n          ariaLabel: 'main content',\n          selector: 'main'\n        }\n      },\n      {\n        label: 'go to footer',\n        target: {\n          ariaLabel: 'footer',\n          selector: 'footer'\n        }\n      }\n    ],\n    []\n  );\n\n  return (\n    <StyledSkipLinksWrapper>\n      <SkipLinks items={items} />\n    </StyledSkipLinksWrapper>\n  );\n};\n"]}