import { ComponentProps, FunctionComponent } from 'react';
import { Box } from '../../components/Box/Box';
import { ResponsiveProp } from '../../utils/responsiveProps.css';
import * as styles from './useAttachedBoxes.css';
interface UseAttachedBoxesProps extends Pick<ComponentProps<typeof Box>, 'backgroundColour'> {
    count: number;
    columnCount: ResponsiveProp<number>;
    gap?: ResponsiveProp<keyof typeof styles.grid.gaps>;
}
type AttachedBoxProps = Omit<ComponentProps<typeof Box>, 'borderRadius'>;
type Returns = [
    boxes: FunctionComponent<AttachedBoxProps>[],
    wrapperCls: string,
    style: ComponentProps<typeof Box>['style']
];
export declare const useAttachedBoxes: ({ count, columnCount: incomingColumnCount, gap, backgroundColour, }: UseAttachedBoxesProps) => Returns;
export default useAttachedBoxes;
//# sourceMappingURL=useAttachedBoxes.d.ts.map