import { Story, Canvas, ArgsTable, Meta } from '@storybook/blocks';
import * as HeroBannerStories from './HeroBanner.stories';
import HeroBanner from '../HeroBanner';
import { heroBannerSettings } from '../../../../mocks/components/hero-banner'

<Meta of={HeroBannerStories} />

# HeroBanner

<br />

## `HeroBanner` can be used to showcase custom content, while also providing various options for customization.

<br />

### Default

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

### With settings

<Canvas>
  <Story of={HeroBannerStories.WithSettings} />
</Canvas>

## Props

<ArgsTable of={HeroBanner} />
