import React from 'react';
import { storiesOf } from '@storybook/react';
import { withKnobs, number, text } from '@storybook/addon-knobs';

import SectionLinks from './index';
// import tabsOptions from './Tabs.knobs.options';
import { CalloutLink, DecorativeLink } from '../../../index';

storiesOf('molecules', module).addDecorator(withKnobs({ escapeHTML: false })).add('SectionLinks', function () {
  var props = {
    title: {
      href: text('title.href', ''),
      text: text('title.text', 'Title')
    },
    seeAll: {
      href: text('seeAll.href', ''),
      text: text('seeAll.text', 'See all')
    },
    description: text('description', 'This is a group of links'),
    index: number('index', 0)
  };
  return React.createElement(
    SectionLinks,
    props,
    React.createElement(CalloutLink, { text: 'This is a CalloutLink' }),
    React.createElement(DecorativeLink, { text: 'This is a DecorativeLink' })
  );
});