import React from 'react';
import { Box, Button, CurrencyInput, FormGroup } from '../../index.js';
import StoryWrapper from '../../utils/story-wrapper.js';
export const Default = props => /*#__PURE__*/React.createElement(Box, {
  width: 1
}, /*#__PURE__*/React.createElement(StoryWrapper, {
  label: "Currency input example"
}, /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(CurrencyInput, props), /*#__PURE__*/React.createElement(Button, {
  type: "submit"
}, "Submit"))));
export const Examples = () => /*#__PURE__*/React.createElement(Box, {
  width: 1
}, /*#__PURE__*/React.createElement(StoryWrapper, {
  label: "Euro input"
}, /*#__PURE__*/React.createElement(CurrencyInput, {
  id: "input1",
  placeholder: "Simple input field...",
  intlConfig: {
    locale: 'de-DE',
    currency: 'EUR'
  }
})));
export default {
  title: 'DesignSystem/Atoms/CurrencyInput',
  argTypes: {
    variant: {
      defaultValue: 'default',
      options: ['sm', 'lg', 'xl', 'default'],
      control: {
        type: 'select'
      }
    },
    borderless: {
      defaultValue: false,
      control: {
        type: 'boolean'
      }
    },
    disabled: {
      defaultValue: false,
      control: {
        type: 'boolean'
      }
    },
    width: {
      defaultValue: 1 / 2,
      control: {
        type: 'number',
        min: 0,
        max: 1,
        step: 0.1
      }
    },
    prefix: {
      defaultValue: '$',
      control: {
        type: 'text'
      }
    },
    suffix: {
      defaultValue: '',
      control: {
        type: 'text'
      }
    },
    decimalSeparator: {
      defaultValue: '.',
      control: {
        type: 'text'
      }
    },
    groupSeparator: {
      defaultValue: ' ',
      control: {
        type: 'text'
      }
    },
    allowDecimals: {
      defaultValue: true,
      control: {
        type: 'boolean'
      }
    },
    decimalsLimit: {
      defaultValue: 2,
      control: {
        type: 'number',
        min: 0,
        max: 5,
        step: 1
      }
    }
  }
};