Sha256: d48f2679a51d2e7bf586b92e9e91dde79a78892a31a8eeacefc3f0660d000e76
Contents?: true
Size: 855 Bytes
Versions: 13
Compression:
Stored size: 855 Bytes
Contents
/* @flow */
import React from 'react'
import classnames from 'classnames'
type BodyProps = {
className?: String,
children?: Array<React.ReactChild>,
color: 'light' | 'lighter',
dark?: Boolean,
status?: 'negative' | 'positive',
tag: String,
text?: String,
}
const bodyCSS = ({
color='',
dark=false,
status='',
}: BodyProps) => {
const colorStyle = color !== '' ? `_${color}` : ''
const themeStyle = dark === true ? '_dark' : ''
const statusStyle = status !== '' ? `_${status}` : ''
return 'pb_body_kit' + colorStyle + themeStyle + statusStyle
}
const Body = (props: BodyProps) => {
const {
className,
children,
text,
tag='div',
} = props
const Tag = `${tag}`
return (
<Tag className={classnames(bodyCSS(props), className)}>
{ text || children }
</Tag>
)
}
export default Body
Version data entries
13 entries across 13 versions & 1 rubygems