var _excluded = ["className"];

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

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 classNames from 'classnames';
import { StepList as StepListComponent } from './StepList';
import Step from './Step';
import StepLink from './StepLink';
import SubStep from './SubStep';
export default {
  title: 'Patterns/Step List',
  component: StepListComponent,
  argTypes: {
    steps: {
      control: false
    },
    component: {
      control: false
    }
  },
  subcomponents: {
    Step: Step,
    StepLink: StepLink,
    SubStep: SubStep
  }
};

var Link = function Link(_ref) {
  var className = _ref.className,
      props = _objectWithoutProperties(_ref, _excluded);

  return /*#__PURE__*/React.createElement("a", _extends({
    className: classNames(className, 'special-link')
  }, props), props.children);
};

var stepListStepData = [{
  id: 'taxYear',
  heading: 'Choose a tax year',
  href: '#step-1',
  started: true,
  completed: true
}, {
  id: 'household',
  heading: 'Enter household details',
  description: 'Answer questions about who in your household qualifies for a premium tax credit and information on each person, including date of birth, location(s) they lived in for the year, and months of marketplace coverage.',
  href: '#step-2',
  started: true,
  completed: false,
  component: Link,
  steps: [{
    id: 'household.overall',
    heading: 'Overall household',
    href: '#step-2a',
    started: true,
    completed: true
  }, {
    id: 'household.bob',
    heading: "Bob's information",
    href: '#step-2b',
    started: false,
    completed: false
  }, {
    id: 'household.barb',
    heading: "Barb's information",
    href: '#step-2c',
    started: false,
    completed: false
  }]
}, {
  id: 'review',
  heading: 'Review your information',
  href: '#step-3',
  started: false,
  completed: false
}, {
  id: 'finish',
  heading: 'View premium results',
  href: '#step-4',
  started: false,
  completed: false
}];
export var StepListExample = function StepListExample(args) {
  return /*#__PURE__*/React.createElement(StepListComponent, _extends({}, args, {
    steps: stepListStepData
  }));
};