@payfit/unity-components
Version:
28 lines (27 loc) • 1.49 kB
TypeScript
import { VariantProps } from '@payfit/unity-themes';
import { PropsWithChildren } from 'react';
export declare const bottomSheetFooter: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
export interface BottomSheetFooterProps extends PropsWithChildren<VariantProps<typeof bottomSheetFooter>> {
className?: string;
}
/**
* The `BottomSheetFooter` component renders the footer section of a bottom sheet.
* It provides a space for action buttons and stays fixed at the bottom of the panel.
* On mobile devices, it respects the safe area to avoid being obscured by device UI elements.
* @component
* @param {BottomSheetFooterProps} props - The props for the `BottomSheetFooter` component
* @example
* ```tsx
* import { BottomSheetFooter, Button } from '@payfit/unity-components'
*
* <BottomSheetFooter>
* <Button variant="secondary">Cancel</Button>
* <Button>Save</Button>
* </BottomSheetFooter>
* ```
* @see {@link BottomSheetFooterProps} for all available props
* @remarks
* [API Docs](https://unity-components.payfit.io/?path=/docs/navigation-sidepanel--docs) • [Design Docs](https://www.payfit.design/24f360409/p/21bfe4-side-panel)
*/
declare const BottomSheetFooter: import('react').ForwardRefExoticComponent<BottomSheetFooterProps & import('react').RefAttributes<HTMLDivElement>>;
export { BottomSheetFooter };