import { useMemo } from 'react';
import { SkipLinks } from '@pega/cosmos-react-core';
import { StyledSkipLinksWrapper } from './SkipLinks.styles';
export default {
    title: 'Core/SkipLinks',
    component: SkipLinks
};
export const SkipLinksDemo = () => {
    const items = useMemo(() => [
        {
            label: 'go to main content',
            target: {
                ariaLabel: 'main content',
                selector: 'main'
            }
        },
        {
            label: 'go to footer',
            target: {
                ariaLabel: 'footer',
                selector: 'footer'
            }
        }
    ], []);
    return (<StyledSkipLinksWrapper>
      <SkipLinks items={items}/>
    </StyledSkipLinksWrapper>);
};
//# sourceMappingURL=SkipLinks.stories.jsx.map