/// <reference types="react" />
import type { ContentsCarouselElementsProps } from '../ContentsCarousel';
import type { CSSProperties } from 'styled-components';
export declare const useFlexGridLayout: ({ components }: {
    components: ContentsCarouselElementsProps[];
}) => {
    layoutRef: import("react").MutableRefObject<HTMLDivElement | null>;
    positionRefs: import("react").MutableRefObject<Record<string, HTMLDivElement | null>>;
    ccbInset: {
        top: string;
        right: string;
        bottom: string;
        left: string;
    };
    componentGroups: Record<string, ContentsCarouselElementsProps[]>;
    getPositionStyle: (position: string, ccbInset: Record<string, string>, designType: string, size: 'LARGE' | 'MEDIUM' | 'SMALL' | 'GROUP', elementType: string) => CSSProperties;
    getComponentGroupLayout: (components: ContentsCarouselElementsProps[], position: string) => CSSProperties;
};