import { VariantProps } from '@payfit/unity-themes';
import { PropsWithChildren } from 'react';
export declare const bottomSheetHeader: import('tailwind-variants').TVReturnType<{
    [key: string]: {
        [key: string]: import('tailwind-merge').ClassNameValue | {
            content?: import('tailwind-merge').ClassNameValue;
            base?: import('tailwind-merge').ClassNameValue;
            heading?: import('tailwind-merge').ClassNameValue;
            buttonContainer?: import('tailwind-merge').ClassNameValue;
        };
    };
} | {
    [x: string]: {
        [x: string]: import('tailwind-merge').ClassNameValue | {
            content?: import('tailwind-merge').ClassNameValue;
            base?: import('tailwind-merge').ClassNameValue;
            heading?: import('tailwind-merge').ClassNameValue;
            buttonContainer?: import('tailwind-merge').ClassNameValue;
        };
    };
} | {}, {
    base: string[];
    content: string[];
    heading: string[];
    buttonContainer: string[];
}, undefined, {
    [key: string]: {
        [key: string]: import('tailwind-merge').ClassNameValue | {
            content?: import('tailwind-merge').ClassNameValue;
            base?: import('tailwind-merge').ClassNameValue;
            heading?: import('tailwind-merge').ClassNameValue;
            buttonContainer?: import('tailwind-merge').ClassNameValue;
        };
    };
} | {}, {
    base: string[];
    content: string[];
    heading: string[];
    buttonContainer: string[];
}, import('tailwind-variants').TVReturnType<unknown, {
    base: string[];
    content: string[];
    heading: string[];
    buttonContainer: string[];
}, undefined, unknown, unknown, undefined>>;
export interface BottomSheetHeaderProps extends PropsWithChildren<VariantProps<typeof bottomSheetHeader>> {
    className?: string;
}
/**
 * The `BottomSheetHeader` component renders the header section of a side panel.
 * It includes a title and close button, and on mobile it displays a drag handle for bottom sheet interaction.
 * @component
 * @param {BottomSheetHeaderProps} props - The props for the `BottomSheetHeader` component
 * @example
 * ```tsx
 * import { BottomSheetHeader } from '@payfit/unity-components'
 *
 * <BottomSheetHeader>Title of the panel</BottomSheetHeader>
 * ```
 * @see {@link BottomSheetHeaderProps} 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 BottomSheetHeader: import('react').ForwardRefExoticComponent<BottomSheetHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
export { BottomSheetHeader };