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 39 40 41 42 43 | import _ from 'lodash'; import React from 'react'; import Icon from '../Icon'; import { lucidClassNames } from '../../../util/style-helpers'; import { createClass, omitProps } from '../../../util/component-types'; const cx = lucidClassNames.bind('&-FlagIcon'); const FlagIcon = createClass({ displayName: 'FlagIcon', statics: { peek: { description: ` A flag icon. `, categories: ['visual design', 'icons'], extend: 'Icon', madeFrom: ['Icon'], }, }, propTypes: { ...Icon.propTypes, }, render() { const { className, ...passThroughs } = this.props; return ( <Icon {...omitProps(passThroughs, FlagIcon, [], false)} {..._.pick(passThroughs, _.keys(Icon.propTypes))} className={cx('&', className)} > <path d='M1.5 9.5s1.083-1 3.25-1 3.25 1 5.417 1 4.333-1 4.333-1v-8s-2.167 1-4.333 1-3.25-1-5.417-1-3.25 1-3.25 1v8zM1.5.5v15' /> </Icon> ); }, }); export default FlagIcon; |