import { type CSSProperties, type HTMLAttributes, type ReactElement, type ReactNode, type Ref } from 'react';
type SharedLayoutBackgroundId = number | string;
type SharedLayoutBackgroundChildProps = HTMLAttributes<HTMLElement> & {
    children?: ReactNode;
    className?: string;
};
type SharedLayoutBackgroundProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange'> & {
    children: ReactNode;
    activeId?: SharedLayoutBackgroundId | null;
    defaultActiveId?: SharedLayoutBackgroundId | null;
    itemClassName?: string;
    contentClassName?: string;
    backgroundClassName?: string;
    style?: CSSProperties;
    ref?: Ref<HTMLDivElement>;
    getItemId?: (child: ReactElement<SharedLayoutBackgroundChildProps>, index: number) => SharedLayoutBackgroundId;
    onActiveIdChange?: (activeId: SharedLayoutBackgroundId | null) => void;
};
declare const SharedLayoutBackground: ({ children, activeId, defaultActiveId, className, itemClassName, contentClassName, backgroundClassName, getItemId, onActiveIdChange, onBlur, onMouseLeave, ref, ...props }: SharedLayoutBackgroundProps) => import("react/jsx-runtime").JSX.Element;
export { SharedLayoutBackground };
export type { SharedLayoutBackgroundId, SharedLayoutBackgroundProps };