import { Meta, Story, Props, Preview } from '@storybook/addon-docs/blocks';
import Button from './button.component';

<Meta title='MDX/Button' component={Button} argTypes={{text: {control:'text'}, bgColor: {control:'color'}}}/>

# Button Component

Some **markdown** description, or whatever you want.

<Preview>
<Story name='ButtonStory' args={{text: 'Hello', bgColor: "#f00"}}>{{
  component: Button,
  props: {
    text: "Hello from Props",
    bgColor: "#0f0" //Green
  },
}}</Story>
</Preview>

## Props

<Props story="ButtonStory" />