var _excluded = ["data"];

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

import React from 'react';
import Spinner from './Spinner';
export default {
  title: 'Components/Spinner',
  component: Spinner,
  argTypes: {
    size: {
      control: 'radio',
      options: ['small', 'big']
    },
    inversed: {
      defaultValue: false,
      control: 'radio',
      options: [true, false]
    },
    filled: {
      defaultValue: false,
      control: 'radio',
      options: [true, false]
    }
  }
};

var Template = function Template(_ref) {
  var data = _ref.data,
      args = _objectWithoutProperties(_ref, _excluded);

  return /*#__PURE__*/React.createElement(Spinner, args);
};

export var DefaultSpinner = Template.bind({});
export var SmallSpinner = Template.bind({});
SmallSpinner.args = {
  size: 'small'
};
export var BigSpinner = Template.bind({});
BigSpinner.args = {
  size: 'big'
};
export var FilledSpinner = Template.bind({});
FilledSpinner.args = {
  filled: true
};
FilledSpinner.parameters = {
  backgrounds: {
    default: process.env.STORYBOOK_DS === 'medicare' ? 'Mgov dark' : 'Hcgov dark'
  }
};
export var InverseFilledSpinner = Template.bind({});
InverseFilledSpinner.args = {
  inversed: true,
  filled: true
};