Sha256: 5f5a76c08361f85949e6e097298c259e53f04d7882ba13e22f492506f196fd14
Contents?: true
Size: 658 Bytes
Versions: 37
Compression:
Stored size: 658 Bytes
Contents
/* @flow */
import React from 'react'
import classnames from 'classnames'
import { buildCss } from '../utilities/props'
type CaptionProps = {
className?: String,
children: Array<React.ReactNode> | React.ReactNode,
dark?: Boolean,
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl',
tag: String,
text: String,
}
const Caption = ({
className,
children,
dark = false,
size = 'md',
tag = 'div',
text,
}: CaptionProps) => {
const Tag = `${tag}`
const css = classnames(buildCss('pb_caption_kit', size, {
'dark': dark,
}), className)
return (
<Tag className={css}>
{text || children}
</Tag>
)
}
export default Caption
Version data entries
37 entries across 37 versions & 1 rubygems