import { action } from '@storybook/addon-actions';
import { Meta, Story, Props } from '@storybook/addon-docs/blocks';
import { Message } from '../src/index';

<Meta title="Components|Message" component={Message} />

# Message

The Message component

<Props of={Message} />

<Story name="simple">
  <Message>
    Good things happen when people can move, whether across town or towards
    their dreams. Opportunities appear, open up, become reality. What started as
    a way to tap a button to get a ride has led to billions of moments of human
    connection as people around the world go all kinds of places in all kinds of
    ways with the help of our technology.
  </Message>
</Story>

## Different theming

<Story name="themes">
  <Message theme="danger">
    Good things happen when people can move, whether across town or towards
    their dreams. Opportunities appear, open up, become reality. What started as
    a way to tap a button to get a ride has led to billions of moments of human
    connection as people around the world go all kinds of places in all kinds of
    ways with the help of our technology.
  </Message>
</Story>

## Closeable

<Story name="closeable">
  <Message closeable>
    Good things happen when people can move, whether across town or towards
    their dreams. Opportunities appear, open up, become reality. What started as
    a way to tap a button to get a ride has led to billions of moments of human
    connection as people around the world go all kinds of places in all kinds of
    ways with the help of our technology.
  </Message>
</Story>