import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs/blocks';
import Tagline from './Tagline';

<Meta title="Content/Tagline" component={Tagline} />

# Tagline

A tagline is a short description or introduction that accompanies the [hed](/?path=/docs/hed--small#hed) of a story. It might also be used to implement a dateline. This component is not exported for direct use; instead, it is composed into other components that provide information about a story.

## Props

<Canvas>
	<Story
		args={{
			children: '3 days ago • Quartz Africa',
		}}
		name="Default"
	>
		{args => <Tagline {...args} />}
	</Story>
</Canvas>

<ArgsTable story="Default" />

## Stories

### Large size

<Canvas>
	<Story
		args={{
			children: '3 days ago • Quartz Africa',
			size: 'large',
		}}
		name="Large"
	>
		{args => <Tagline {...args} />}
	</Story>
</Canvas>