import { Meta, Story, ArgsTable, Canvas } from '@storybook/addon-docs/blocks';
import ResourceCard from '../ResourceCard';
import { resourceCardMock } from '../../../../mocks/product/resourceCard';

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

# ResourceCard
<br />

## `ResourceCards` provide a standard template to show videos or downloadable PDF resources.
<br />

### Default
<Canvas>
    <Story name="Default">
        <ResourceCard
            link={resourceCardMock.link}
            title={resourceCardMock.title}
            info={resourceCardMock.info}
            resourceType={resourceCardMock.resourceType}
        />
    </Story>
</Canvas>

## Usage Example

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

<ResourceCard
    link="https://www.youtube.com/embed/sKoNwKcGKF0""
    title="How DocuSign Works"
    info="In less than 90 seconds, you can see how to complete approvals and agreements with DocuSign."
    resourceType="PDF_UPLOAD"
/>
```
## Props

<ArgsTable of={ResourceCard} />
