import { Meta, Story, ArgsTable, Canvas } from '@storybook/blocks';
import { LinkCard } from '../LinkCard';
import { linkCardMock } from '../../../../mocks/product/link-card';
import * as LinkCardStories from './LinkCard.stories';

<Meta of={LinkCardStories} />

# LinkCard

<br />

## `LinkCards` are card templates with links for users or products.

<br />

### Default

<Canvas>
  <Story of={LinkCardStories.Default} />
</Canvas>

## Usage Example

```jsx
import LinkCard from '@appdirect/sfb-theme-components/src/atoms/link-card/LinkCard';

<LinkCard
    linkCard={{
        linkInfo: [
            {
                text: 'Manage your account',
                link: '#'
            },
            {
                text: 'Change your password',
                link: '#'
            }
        ],
        header: {
            name: 'Account'
        }
    }}
    iconType="user"
/>
```

## Props

<ArgsTable of={LinkCard} />
