Sha256: 022de1df4c63417678037e95fe299f75fece63ed6789782afb7c56720ba9654d
Contents?: true
Size: 1.32 KB
Versions: 186
Compression:
Stored size: 1.32 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,
padding = "sm",
paddingBottom = "sm",
paddingX = "sm",
className,
spacing = "between",
separator = false,
} = props
const footerCSS = buildCss("dialog_footer")
const footerSpacing = globalProps(props, { padding, paddingBottom, paddingX })
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
186 entries across 186 versions & 1 rubygems