import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
import React, { useState } from 'react';
import { addStoryInGroup, MARKETING } from '../../../.storybook/utils';
import MarketingButtonGroup from './MarketingButtonGroup';
export default {
  component: MarketingButtonGroup,
  title: addStoryInGroup(MARKETING, 'MarketingButtonGroup')
};
export var Basic = function Basic() {
  var _useState = useState('option2'),
      _useState2 = _slicedToArray(_useState, 2),
      value = _useState2[0],
      setValue = _useState2[1];

  var handleChange = function handleChange(value) {
    setValue(value);
  };

  return /*#__PURE__*/React.createElement(MarketingButtonGroup, {
    value: value,
    onChange: handleChange
  }, /*#__PURE__*/React.createElement(MarketingButtonGroup.Button, {
    label: "Option 1",
    value: "option1"
  }), /*#__PURE__*/React.createElement(MarketingButtonGroup.Button, {
    label: "Option 2",
    value: "option2"
  }), /*#__PURE__*/React.createElement(MarketingButtonGroup.Button, {
    label: "Option 3",
    value: "option3"
  }));
};