import { Meta, Story, ArgsTable, Canvas } from '@storybook/blocks';
import ResourceCard from '../ResourceCard';
import { resourceCardMock } from '../../../../mocks/product/resourceCard';
import { i18nMock } from '../../../../mocks/application/resources/i18n';
import * as ResourceCardStories from './ResourceCard.stories';

<Meta of={ResourceCardStories} />

# ResourceCard

<br />

## `ResourceCards` provide a standard template to show videos or downloadable PDF resources.

<br />

### Default

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

## Usage Example

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

<ResourceCard
    link="https://www.youtube.com/embed/sKoNwKcGKF0"
    cardTitle="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} />
