"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.SelectedMonthPicker = exports.InverseSelectedMonthPicker = exports.InverseMonthPicker = exports.InverseDisabledMonthPicker = exports.DisabledMonthPicker = exports.DefaultMonthPicker = void 0;

var _react = _interopRequireDefault(require("react"));

var _MonthPicker = _interopRequireDefault(require("./MonthPicker"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var _default = {
  title: 'Components/Month Picker',
  component: _MonthPicker.default,
  argTypes: {
    buttonVariation: {
      description: "Variation string to be applied to buttons. See [Button component](https://design.cms.gov/components/button/#components.button.react).",
      control: 'radio',
      options: ['solid', 'outline', 'link']
    },
    requirementLabel: {
      description: "Text showing the requirement (\"Required\", \"Optional\", etc.). See [Required and Optional Fields](https://design.cms.gov/guidelines/forms/#required-and-optional-fields).",
      control: 'radio',
      options: ['Optional', 'Required']
    },
    inversed: {
      control: 'radio',
      options: [true, false],
      defaultValue: false
    },
    errorPlacement: {
      defaultValue: 'top'
    },
    locale: {
      description: '**This prop has been DEPRECATED.** Do not use. See [internationaliation documentation](https://design.cms.gov/guidelines/i18n/#default-internationalized-content-in-the-design-system)'
    }
  },
  args: {
    hint: "Month Picker can receive optional help text, giving the user additional information of what's required.",
    errorMessage: 'Please meet form requirements.'
  }
};
exports.default = _default;

var Template = function Template(args) {
  return /*#__PURE__*/_react.default.createElement(_MonthPicker.default, args);
};

var DefaultMonthPicker = Template.bind({});
exports.DefaultMonthPicker = DefaultMonthPicker;
DefaultMonthPicker.args = {
  name: 'DefaultMonthPicker',
  label: 'Select a month from Default Month Picker'
};
var SelectedMonthPicker = Template.bind({});
exports.SelectedMonthPicker = SelectedMonthPicker;
SelectedMonthPicker.args = {
  name: 'SelectedMonthPicker',
  label: 'Select additional months from Selected Month Picker',
  hint: 'Preselected values are `readonly` when `selectedMonths` property is used. For mutable values, use the `defaultSelectedMonths` property.',
  selectedMonths: [1, 2, 3, 4, 5, 6]
};
var DisabledMonthPicker = Template.bind({});
exports.DisabledMonthPicker = DisabledMonthPicker;
DisabledMonthPicker.args = {
  name: 'DisabledMonthPicker',
  label: 'Select available months from Disabled Month Picker',
  disabledMonths: [7, 8, 9, 10, 11, 12]
};
var InverseMonthPicker = Template.bind({});
exports.InverseMonthPicker = InverseMonthPicker;
InverseMonthPicker.args = {
  name: 'InverseMonthPicker',
  label: 'Select a month from Inverse Month Picker',
  inversed: true
};
InverseMonthPicker.parameters = {
  backgrounds: {
    default: process.env.STORYBOOK_DS === 'medicare' ? 'Mgov dark' : 'Hcgov dark'
  }
};
var InverseSelectedMonthPicker = Template.bind({});
exports.InverseSelectedMonthPicker = InverseSelectedMonthPicker;
InverseSelectedMonthPicker.args = {
  name: 'InverseSelectedMonthPicker',
  label: 'Select additional months from Inverse Selected Month Picker',
  hint: 'Preselected values are `readonly` when `selectedMonths` property is used. For mutable values, use the `defaultSelectedMonths` property.',
  inversed: true,
  selectedMonths: [1, 2, 3, 4, 5, 6]
};
InverseSelectedMonthPicker.parameters = {
  backgrounds: {
    default: process.env.STORYBOOK_DS === 'medicare' ? 'Mgov dark' : 'Hcgov dark'
  }
};
var InverseDisabledMonthPicker = Template.bind({});
exports.InverseDisabledMonthPicker = InverseDisabledMonthPicker;
InverseDisabledMonthPicker.args = {
  name: 'InverseDisabledMonthPicker',
  label: 'Select available months from Inverse Disabled Month Picker',
  inversed: true,
  disabledMonths: [7, 8, 9, 10, 11, 12]
};
InverseDisabledMonthPicker.parameters = {
  backgrounds: {
    default: process.env.STORYBOOK_DS === 'medicare' ? 'Mgov dark' : 'Hcgov dark'
  }
};