@payfit/unity-components
Version:
28 lines (27 loc) • 1.46 kB
TypeScript
import { VariantProps } from '@payfit/unity-themes';
import { PropsWithChildren } from 'react';
export declare const sidePanelFooter: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
export interface SidePanelFooterProps extends PropsWithChildren<VariantProps<typeof sidePanelFooter>> {
className?: string;
}
/**
* The `SidePanelFooter` component renders the footer section of a side panel.
* 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 {SidePanelFooterProps} props - The props for the `SidePanelFooter` component
* @example
* ```tsx
* import { SidePanelFooter, Button } from '@payfit/unity-components'
*
* <SidePanelFooter>
* <Button variant="secondary">Cancel</Button>
* <Button>Save</Button>
* </SidePanelFooter>
* ```
* @see {@link SidePanelFooterProps} for all available props
* @remarks
* [API Docs](https://unity-components.payfit.io/?path=/docs/feedback-sidepanel--docs) • [Design Docs](https://www.payfit.design/24f360409/p/21bfe4-side-panel)
*/
declare const SidePanelFooter: import('react').ForwardRefExoticComponent<SidePanelFooterProps & import('react').RefAttributes<HTMLDivElement>>;
export { SidePanelFooter };