/* eslint-disable react/jsx-closing-tag-location */
import React from 'react';
import { Label, Box } from '../../index.js';
import StoryWrapper from '../../utils/story-wrapper.js';
const variants = ['primary', 'danger', 'success', 'info', 'secondary'];
export const Default = props => /*#__PURE__*/React.createElement(Box, {
  width: 1
}, /*#__PURE__*/React.createElement(StoryWrapper, {
  label: "Label"
}, /*#__PURE__*/React.createElement(Label, props, "Example label")));
export default {
  title: 'DesignSystem/Atoms/Label',
  argTypes: {
    required: {
      defaultValue: false,
      control: {
        type: 'boolean'
      }
    },
    uppercase: {
      defaultValue: false,
      control: {
        type: 'boolean'
      }
    },
    disabled: {
      defaultValue: false,
      control: {
        type: 'boolean'
      }
    },
    inline: {
      defaultValue: false,
      control: {
        type: 'boolean'
      }
    },
    variant: {
      defaultValue: 'default',
      options: variants,
      control: {
        type: 'select'
      }
    },
    size: {
      defaultValue: 'default',
      options: ['default', 'lg'],
      control: {
        type: 'select'
      }
    }
  }
};