import { text, boolean, select } from '@storybook/addon-knobs';

var levelOptions = {
  1: 1,
  2: 2,
  3: 3,
  4: 4,
  5: 5,
  6: 6
};

export default {
  title: function title() {
    return text('CompHeading: title', 'Title text', 'CompHeading');
  },
  titleContext: function titleContext(value) {
    return text('CompHeading: titleContext', value, 'CompHeading');
  },
  id: function id(value) {
    return text('CompHeading: id', value, 'CompHeading');
  },
  sub: function sub(value) {
    return boolean('CompHeading: sub', value, 'CompHeading');
  },
  level: function level(value) {
    return select('CompHeading: level', levelOptions, value, 'CompHeading');
  },
  color: function color(value) {
    return select('CompHeading: color', { 'green (default)': '', yellow: 'yellow', gray: 'gray' }, value, 'CompHeading');
  },
  centered: function centered(value) {
    return boolean('CompHeading: centered', value, 'CompHeading');
  },
  sidebar: function sidebar(value) {
    return boolean('CompHeading: sidebar', value, 'CompHeading');
  }
};