<commit_before>import React from 'react';
import markdown from './README.mdx';
import AnchorNavigation from '.';
import Link from '../Link';

export default {
  title: 'Components/Navigations/AnchorNavigation',
  component: AnchorNavigation,
  parameters: {
    componentSubtitle: 'Component',
    status: 'experimental',
    mdx: markdown,
  },
};


export const RegularAnchorNavigation = (args) => (
    <AnchorNavigation {...args}>
        <Link href="#">
            Item one
        </Link>
        <Link href="#">
            Item two
        </Link>
        <Link href="#">
            Item three
        </Link>
        <Link href="#">
            Item four
        </Link>
    </AnchorNavigation>
  );

RegularAnchorNavigation.args = {
    title:'Title'
}<commit_msg>docs(AnchorNavigation): review anchornavigation code snippet with minor details<commit_after>import React from 'react';
import markdown from './README.mdx';
import AnchorNavigation from '.';
import Link from '../Link';

export default {
  title: 'Components/Navigations/AnchorNavigation',
  component: AnchorNavigation,
  parameters: {
    componentSubtitle: 'Component',
    status: 'experimental',
    mdx: markdown,
  },
};


export const RegularAnchorNavigation = (args) => (
    <AnchorNavigation {...args}>
        <Link href="#">
            Item one
        </Link>
        <Link href="#">
            Item two
        </Link>
        <Link href="#">
            Item three
        </Link>
        <Link href="#">
            Item four
        </Link>
    </AnchorNavigation>
  );

RegularAnchorNavigation.args = {
    title:'Title'
}

const anchorsourcecode = `
import { AnchorNavigation, Link } from "@wfp/ui";

<AnchorNavigation title="Title">
  <Link href="#">
    Item one
  </Link>
  <Link href="#">
    Item two
  </Link>
  <Link href="#">
    Item three
  </Link>
  <Link href="#">
    Item four
  </Link>
</AnchorNavigation>
`

RegularAnchorNavigation.story={
    parameters:{
        docs:{
            source:{
                code: anchorsourcecode
            }
        }
    }
}
{'fraction_non_alphanumeric': 0.13872832369942195, 'fraction_numerical': 0.0, 'mean_word_length': 2.2916006339144217, 'pattern_counts': {'":': 0, '<': 33, '<?xml version=': 0, '>': 35, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6887062', 'n_tokens_mistral': 597, 'n_tokens_neox': 573, 'n_words': 157}