Sha256: 24d3014efd9270e409c3a4a543d253298677366580a2925e611a97cdabd80429
Contents?: true
Size: 1.22 KB
Versions: 115
Compression:
Stored size: 1.22 KB
Contents
import React from 'react'
import classnames from 'classnames'
import { buildCss } from '../../utilities/props'
import { GlobalProps, globalProps } from '../../utilities/globalProps'
import Flex from '../../pb_flex/_flex'
import SectionSeparator from '../../pb_section_separator/_section_separator'
type DialogFooterProps = {
aria?: {[key: string]: string},
children: React.ReactChild[] | React.ReactChild | string,
className?: string,
data?: {[key: string]: string},
id?: string,
padding?: string,
paddingBottom?: string,
paddingX?: string,
separator?: boolean,
spacing?: "none" | "between" | "around" | "evenly",
} & GlobalProps
// Footer component
const DialogFooter = (props: DialogFooterProps) => {
const {
children,
className,
spacing = "between",
separator = false,
} = props
const footerCSS = buildCss("dialog_footer")
const footerSpacing = globalProps(props)
return (
<>
{separator &&
<SectionSeparator />
}
<div className="dialog-pseudo-footer">
</div>
<Flex
className={classnames(footerCSS, footerSpacing, className)}
spacing={spacing}
>
{children}
</Flex>
</>
)
}
export default DialogFooter
Version data entries
115 entries across 115 versions & 1 rubygems