import React from 'react';
import { Box, Button, PhoneInput, 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: "Phone input example (https://github.com/bl00mber/react-phone-input-2)"
}, /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(PhoneInput, props), /*#__PURE__*/React.createElement(Button, {
  type: "submit"
}, "Submit"))));
export const Examples = () => /*#__PURE__*/React.createElement(Box, {
  width: 1
}, /*#__PURE__*/React.createElement(StoryWrapper, {
  label: "Phone input"
}, /*#__PURE__*/React.createElement(PhoneInput, {
  id: "input1",
  placeholder: "Simple phone field..."
})));
export default {
  title: 'DesignSystem/Atoms/PhoneInput',
  argTypes: {
    borderless: {
      defaultValue: false,
      control: {
        type: 'boolean'
      }
    },
    disabled: {
      defaultValue: false,
      control: {
        type: 'boolean'
      }
    },
    variant: {
      defaultValue: 'default',
      options: ['sm', 'lg', 'xl', 'default'],
      control: {
        type: 'select'
      }
    },
    width: {
      defaultValue: 0.5,
      control: {
        type: 'number',
        min: 0,
        max: 1,
        step: 0.1
      }
    }
  }
};