Sha256: 29d8f21715279fe1c102899d17f9c8f38d76d13a17e90b17d54c4029e3272115
Contents?: true
Size: 848 Bytes
Versions: 3
Compression:
Stored size: 848 Bytes
Contents
/* @flow */
import React from 'react'
import classnames from 'classnames'
import {
Body,
Title,
} from '../'
import {
buildCss,
buildDataProps,
} from '../utilities/props'
type TitleDetailProps = {
align?: 'left' | 'center' | 'right',
className?: String,
data?: object,
detail: String,
id?: String,
title: String,
}
const TitleDetail = ({
align = 'left',
className,
data = {},
detail,
id,
title,
}: TitleDetailProps) => {
const dataProps = buildDataProps(data)
const pbCss = buildCss('pb_title_detail_kit', align)
return (
<div
{...dataProps}
className={classnames(className, pbCss)}
id={id}
>
<Title
size={4}
text={title}
/>
<Body
color="light"
text={detail}
/>
</div>
)
}
export default TitleDetail
Version data entries
3 entries across 3 versions & 1 rubygems