Sha256: 627c7182362697ede2f6350963f9ef6a79dab7b39c341308f84ba9cea418ad03
Contents?: true
Size: 767 Bytes
Versions: 44
Compression:
Stored size: 767 Bytes
Contents
/* @flow */
import React from 'react'
import classnames from 'classnames'
import { buildCss } from '../utilities/props'
import { spacing } from '../utilities/spacing.js'
type FlexItemPropTypes = {
children: Array<React.ReactNode> | React.ReactNode,
fixedSize: String,
grow: Boolean,
className: String,
}
const FlexItem = (props: FlexItemPropTypes) => {
const { children, className, fixedSize, grow } = props
const growClass = grow === true ? 'grow' : ''
const fixedStyle =
fixedSize !== undefined ? { flexBasis: `${fixedSize}` } : null
return (
<div
className={classnames(buildCss('pb_flex_item_kit', growClass), className, spacing(props))}
style={fixedStyle}
>
{children}
</div>
)
}
export default FlexItem
Version data entries
44 entries across 44 versions & 1 rubygems