Sha256: 314465a144deae53dcb60e964dbb1f508deafa550c7a2bba988155294671baea
Contents?: true
Size: 882 Bytes
Versions: 45
Compression:
Stored size: 882 Bytes
Contents
/* @flow */
import React from 'react'
import classnames from 'classnames'
import { buildCss } from '../../utilities/props'
import { globalProps } from '../../utilities/globalProps'
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
45 entries across 45 versions & 1 rubygems