Sha256: 07a3394e8d50010a0a96bec31436c16bdc898b40a9c03bfe91a1e32d3f300e01
Contents?: true
Size: 815 Bytes
Versions: 67
Compression:
Stored size: 815 Bytes
Contents
/* @flow */
import React from 'react'
import classnames from 'classnames'
import { buildCss } from '../../utilities/props'
import { globalProps } from '../../utilities/globalProps.js'
import { Flex, SectionSeparator } from '../../'
// 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
67 entries across 67 versions & 1 rubygems