import React from 'react' ; import { CoinLogo , variables } from '../../../index' ; import { storiesOf } from '@storybook/react' ; import { number , select } from '@storybook/addon-knobs' ; storiesOf ( 'Logos' , module ) . add ( 'Coin' , ( ) => { const coinsObject = { } ; variables . COINS . forEach ( ( coin ) => { coinsObject [ coin ] = coin ; } ) ; const coinSelect = select ( 'symbol' , coinsObject , 'ada' ) ; const size = number ( 'size' , 32 ) ; return < CoinLogo size = { size } symbol = { coinSelect } / > ; } ) ;