var defaultColors = ['default', 'text', 'highlight', 'light']; // const defaultButtonColors = [
//   'highlight',
//   'default',
//   'success',
//   'warning',
//   'danger',
//   'info',
//   'light',
//   'dark',
//   'link',
// ];

var defaultSize = ['large', 'medium', 'small'];

var PropTypes = function PropTypes(component) {
  return {
    Alert: {
      colors: ['white', 'blue', 'blue-light', 'grey', 'light-grey', 'grey-med']
    },
    Block: {
      types: ['full', 'halves', 'thirds']
    },
    Button: {
      colors: ['red', 'blue', 'blue-light', 'blue-med', 'blue-dark', 'black', 'yellow', 'white'],
      hover: ['red', 'blue', 'blue-light', 'blue-med', 'blue-dark', 'black', 'yellow', 'white', 'blue-on-white', 'red-on-white'],
      type: ['button', 'link', 'submit'],
      outline: ['blue-light']
    },
    BlockLabel: {
      colors: ['white', 'blue', 'blue-light']
    },
    Description: {
      colors: ['black', 'white', 'grey-med', 'blue-light']
    },
    Minor: {
      backgrounds: ['clouds', 'blue-dark-bokeh']
    },
    Hero: {
      backgroundImagePosition: ['center-center', 'center-top', 'center-bottom', 'left-top', 'left-center', 'left-bottom', 'right-top', 'right-center', 'right-bottom']
    },
    LinkTo: {
      type: ['Document', 'Media', 'link', 'route']
    },
    Spinner: {
      colors: ['blue', 'blue_black', 'blue_dark', 'blue_light', 'blue_med', 'grey', 'grey_light', 'grey_med', 'red']
    },
    Title: {
      tags: ['h1', 'h2', 'h3', 'div'],
      colors: ['white', 'black', 'blue-light', 'clouds-light', 'clouds-dark'],
      size: defaultSize
    },
    // NOT USED YET
    Notice: {
      types: ['alert', 'highlight']
    },
    Panel: {
      layoutOptions: ['block', 'inline']
    },
    PanelColumns: {
      layoutOptions: ['col-1', 'col-2', 'col-3', 'col-4', 'col-5', 'col-6', 'grid']
    },
    PanelColumn: {
      layoutOptions: ['grid-1', 'grid-2', 'grid-3', 'grid-4']
    },
    PanelLayout: {
      layoutOptions: ['grid', 'grid-1', 'grid-2', 'grid-3', 'grid-4']
    }
  }[component];
};

export { defaultColors, PropTypes as propTypes };