Sha256: a2830d47f69444701dd89260ae1debefc580a9bd854c935e19fec45dda7686b3
Contents?: true
Size: 699 Bytes
Versions: 15
Compression:
Stored size: 699 Bytes
Contents
/* @flow */
import React from 'react'
import classnames from 'classnames'
type TitleProps = {
className?: String,
children?: Array<React.ReactNode> | React.ReactNode,
dark?: Boolean,
size?: 1 | 2 | 3 | 4,
text?: String,
tag?: 'h1' | 'h2' | 'h3',
}
const tagCSS = ({
dark=false,
size=3,
}) => {
let css = ''
css += `_${size}`
css += dark === true ? '_dark' : ''
return css
}
const Title = (props: TitleProps) => {
const {
className,
children,
text,
tag='h3',
} = props
const Tag = `${tag}`
return (
<Tag className={classnames(`pb_title_kit${tagCSS(props)}`, className)}>
{ text || children }
</Tag>
)
}
export default Title
Version data entries
15 entries across 15 versions & 1 rubygems