1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import React from 'react'
import Color from './Color'
import { text, select } from '@storybook/addon-knobs'

import { Spacing } from '@ds.e/foundation'

// css
import '@ds.e/scss/lib/Utilities.css'

export default {
    title: 'Atoms|Color'
}

export const Common = () => <Color hexCode={text('HexCode', 'pink')} />

export const CustomDimensions = () => <Color
hexCode={text('HexCode', 'pink')}
width={select('Width', Object.values(Spacing), 'xxl')}
height={select('Height', Object.values(Spacing), 'xxl')}  />