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 };