Sha256: 088ccaafd3e30b27153c58b4da9cf77c251f31572d05e3994ec48025078a048c
Contents?: true
Size: 1.29 KB
Versions: 179
Compression:
Stored size: 1.29 KB
Contents
import React from 'react'
import classnames from 'classnames'
import { GlobalProps, globalProps } from '../utilities/globalProps'
import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from '../utilities/props'
import Body from '../pb_body/_body'
import Title from '../pb_title/_title'
type TitleDetailProps = {
align?: "left" | "center" | "right",
aria?: { [key: string]: string },
className?: string,
data?: { [key: string]: string },
detail: string,
htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
id?: string,
title: string,
} & GlobalProps
const TitleDetail = (props: TitleDetailProps) => {
const {
align = "left",
aria = {},
className,
data = {},
detail,
htmlOptions = {},
id,
title,
} = props
const ariaProps = buildAriaProps(aria)
const dataProps = buildDataProps(data)
const htmlProps = buildHtmlProps(htmlOptions)
const pbCss = buildCss("pb_title_detail_kit", align)
return (
<div
{...ariaProps}
{...dataProps}
{...htmlProps}
className={classnames(pbCss, globalProps(props), className)}
id={id}
>
<Title
size={4}
text={title}
/>
<Body
color="light"
text={detail}
/>
</div>
)
}
export default TitleDetail
Version data entries
179 entries across 179 versions & 1 rubygems