/
index.js
44 lines (38 loc) · 1021 Bytes
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
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([
'-bor-rad-a-0',
'-bor-rad-a-1',
'-bor-rad-tl-0',
'-bor-rad-tl-1',
'-bor-rad-tr-0',
'-bor-rad-tr-1',
'-bor-rad-bl-0',
'-bor-rad-bl-1',
'-bor-rad-br-0',
'-bor-rad-br-1',
'-bor-rad-t-0',
'-bor-rad-t-1',
'-bor-rad-r-0',
'-bor-rad-r-1',
'-bor-rad-b-0',
'-bor-rad-b-1',
'-bor-rad-l-0',
'-bor-rad-l-1'
]);
const options = { ...optionsNoDefault, None: '' };
const divStyle = {
width: '100%',
height: '200px',
border: `1px solid ${colors.primary}`,
padding: '10px'
};
const component = () => (
<div style={divStyle} className={select('Options', options, '-bor-rad-a-0')}>
Note this is a really subtle change.
</div>
);
export default [readme, component];