import { VariantProps } from '@payfit/unity-themes';
import { PropsWithChildren } from 'react';
export declare const sidePanelContent: import('tailwind-variants').TVReturnType<{
    [key: string]: {
        [key: string]: import('tailwind-merge').ClassNameValue | {
            base?: import('tailwind-merge').ClassNameValue;
            scroller?: import('tailwind-merge').ClassNameValue;
        };
    };
} | {
    [x: string]: {
        [x: string]: import('tailwind-merge').ClassNameValue | {
            base?: import('tailwind-merge').ClassNameValue;
            scroller?: import('tailwind-merge').ClassNameValue;
        };
    };
} | {}, {
    base: string[];
    scroller: string[];
}, undefined, {
    [key: string]: {
        [key: string]: import('tailwind-merge').ClassNameValue | {
            base?: import('tailwind-merge').ClassNameValue;
            scroller?: import('tailwind-merge').ClassNameValue;
        };
    };
} | {}, {
    base: string[];
    scroller: string[];
}, import('tailwind-variants').TVReturnType<unknown, {
    base: string[];
    scroller: string[];
}, undefined, unknown, unknown, undefined>>;
export interface SidePanelContentProps extends PropsWithChildren<VariantProps<typeof sidePanelContent>> {
    className?: string;
}
/**
 * The `SidePanelContent` component renders the main content area of a side panel.
 * It takes up the majority of the space between the header and footer components
 * and adjusts for both mobile (bottom sheet) and desktop (side panel) views.
 * The content is scrollable when it exceeds the available space.
 * @component
 * @param {SidePanelContentProps} props - The props for the `SidePanelContent` component
 * @example
 * ```tsx
 * import { SidePanelContent } from '@payfit/unity-components'
 *
 * <SidePanelContent>
 *   Your panel content here
 * </SidePanelContent>
 * ```
 * @see {@link SidePanelContentProps} 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 SidePanelContent: import('react').ForwardRefExoticComponent<SidePanelContentProps & import('react').RefAttributes<HTMLDivElement>>;
export { SidePanelContent };