import { Meta, Story, ArgsTable, Canvas } from '@storybook/addon-docs/blocks';
import { LinkCard } from '../LinkCard';
import { linkCardMock } from '../../../../mocks/product/link-card';

<Meta title="Atoms/LinkCard" component={LinkCard} />

# LinkCard
<br />

## `LinkCards` are card templates with links for users or products.
<br />

### Default
<Canvas>
    <Story name="Default">
        <LinkCard linkCard={linkCardMock} iconType="user" />
    </Story>
</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} />
