import { default as React, ElementType, CSSProperties, HTMLAttributes } from 'react';
export interface BoxProps extends HTMLAttributes<HTMLElement> {
    /** Underlying element type (defaults to 'div') */
    component?: ElementType;
    /** Style overrides, merged last */
    sx?: CSSProperties;
    /** Base style object */
    style?: CSSProperties;
    id?: string;
    name?: string;
    /** Enable drag handle for swapping boxes */
    draggable?: boolean;
    /** Position of drag handle: 'left' or 'right' (defaults to 'left') */
    dragHandlePosition?: "left" | "right";
    /** Callback when drag starts */
    onDragHandleStart?: (id: string | undefined) => void;
    /** Callback when drag ends */
    onDragHandleEnd?: () => void;
}
/**
 * Box - a simple, reusable layout component for consistent spacing and alignment.
 * Supports an 'sx' prop for theme-like style overrides and a 'component' prop to change the rendered element.
 * Can be made draggable for swapping with other boxes.
 */
declare const CeBox: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>>;
export default CeBox;
