Press n or j to go to the next uncovered block, b, p or k for the previous block.
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 | 1x 1x 1x 1x | import React from 'react'; import PropTypes from 'prop-types'; import Atom from '../Atom'; import withStyle from '../../Theme/withStyle'; const Svg = ({ children, color, css, getColor, size, ...rest }) => ( <Atom {...rest} element="svg" css={{ fill: color ? getColor(color) : 'currentColor', height: `${size}px`, width: `${size}px`, ...css, }} > {children} </Atom> ); Svg.propTypes = { children: PropTypes.node.isRequired, color: PropTypes.node, css: PropTypes.shape().isRequired, getColor: PropTypes.func.isRequired, size: PropTypes.number, viewBox: PropTypes.string, }; Svg.defaultProps = { color: null, size: 24, viewBox: '0 0 20 20', }; Svg.displayName = 'Svg'; export default withStyle(Svg); |