Sha256: 77a80734c8ee4ce0b3adfba101248fd2b70d23e165064713e3cb408c7e300d88
Contents?: true
Size: 862 Bytes
Versions: 10
Compression:
Stored size: 862 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
10 entries across 10 versions & 1 rubygems