Sha256: 6056da42c1ee5bc9e411bc73419fba8d1a3bae3a0db5c6a601ba70a2f09f6a9d
Contents?: true
Size: 885 Bytes
Versions: 53
Compression:
Stored size: 885 Bytes
Contents
/* @flow */
import React from 'react'
import classnames from 'classnames'
import { buildCss } from '../../utilities/props'
import { globalProps } from '../../utilities/globalProps.js'
import Flex from '../../pb_flex/_flex'
import SectionSeparator from '../../pb_section_separator/_section_separator'
// Footer component
const DialogFooter = (props: DialogFooterProps) => {
const {
children,
padding = 'sm',
className,
spacing = 'between',
separator = false,
} = props
const footerCSS = buildCss('dialog_footer')
const footerSpacing = globalProps(props, { padding })
return (
<>
<If condition={separator}>
<SectionSeparator />
</If>
<Flex
className={classnames(footerCSS, footerSpacing, className)}
spacing={spacing}
>
{children}
</Flex>
</>
)
}
export default DialogFooter
Version data entries
53 entries across 53 versions & 1 rubygems