Paragraph.js
17 lines
| 1 | import { Text } from '@bsf/force-ui'; |
| 2 | import { classNames } from '../../helpers'; |
| 3 | |
| 4 | const Paragraph = ( { text, isHeading = false } ) => ( |
| 5 | <Text |
| 6 | as={ isHeading ? 'h3' : 'p' } |
| 7 | weight={ isHeading ? 600 : 400 } |
| 8 | size={ isHeading ? 18 : 14 } |
| 9 | color={ isHeading ? 'primary' : 'secondary' } |
| 10 | className={ classNames( 'leading-relaxed', isHeading ? 'mt-4' : '' ) } |
| 11 | > |
| 12 | { text } |
| 13 | </Text> |
| 14 | ); |
| 15 | |
| 16 | export default Paragraph; |
| 17 |