| 1 |
import { arrayToClassName } from '../../utils/utils'; |
| 2 |
|
| 3 |
export default function Text( props ) { |
| 4 |
const baseClassName = 'eps', |
| 5 |
classes = [ |
| 6 |
props.className, |
| 7 |
], |
| 8 |
variant = props.variant && 'md' !== props.variant ? '-' + props.variant : ''; |
| 9 |
|
| 10 |
classes.push( baseClassName + '-text' + variant ); |
| 11 |
|
| 12 |
const Element = () => React.createElement( props.tag, { |
| 13 |
className: arrayToClassName( classes ), |
| 14 |
}, props.children ); |
| 15 |
|
| 16 |
return <Element />; |
| 17 |
} |
| 18 |
|
| 19 |
Text.propTypes = { |
| 20 |
className: PropTypes.string, |
| 21 |
variant: PropTypes.oneOf( [ 'xl', 'lg', 'md', 'sm', 'xs', 'xxs' ] ), |
| 22 |
tag: PropTypes.string, |
| 23 |
children: PropTypes.any.isRequired, |
| 24 |
}; |
| 25 |
|
| 26 |
Text.defaultProps = { |
| 27 |
className: '', |
| 28 |
tag: 'p', |
| 29 |
}; |
| 30 |
|
