text: import React from 'react';
  import { select } from '@storybook/addon-knobs';
  import arrToObjOptions from '../../../components/utils/arrToObjOptions';
  
  import readme from './README.md';
  import { colors } from '../constants';
  
  const optionsNoDefault = arrToObjOptions([
      '-text-left',
      '-text-center',
      '-text-right',
      '-text-left--xs',
      '-text-left--sm',
      '-text-left--md',
      '-text-left--lg',
      '-text-left--xl',
      '-text-center--xs',
      '-text-center--sm',
      '-text-center--md',
      '-text-center--lg',
      '-text-center--xl',
      '-text-right--xs',
      '-text-right--sm',
      '-text-right--md',
      '-text-right--lg',
      '-text-right--xl'
  ]);
  
  const options = { ...optionsNoDefault, None: '' };
  
  const divStyle = {
      border: `1px solid ${colors.primary}`
  };
  
  const component = () => (
      <div style={divStyle} className={select('Options', options, '-text-center')}>
          Hello
      </div>
  );
  
  export default [readme, component];
  