/**
 * BreakpointIndicator Component
 *
 * A development tool that shows the current active breakpoint
 */
import PropTypes from 'prop-types';
/**
 * BreakpointIndicator displays the current active breakpoint in the corner of the screen
 * Useful for responsive design development and debugging
 *
 * @param {Object} props - Component props
 * @param {boolean} props.show - Whether to show the indicator (default: process.env.NODE_ENV === 'development')
 * @param {string} props.position - Position of the indicator (default: 'bottom-right')
 * @param {Object} props.breakpoints - Custom breakpoint definitions
 * @param {string} props.className - Additional CSS classes
 * @param {Object} props.style - Additional inline styles
 * @returns {React.ReactElement|null} BreakpointIndicator component or null if hidden
 */
export declare const BreakpointIndicator: {
    ({ show, position, breakpoints, className, style, ...rest }: {
        [x: string]: any;
        show?: boolean | undefined;
        position?: string | undefined;
        breakpoints?: {
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
            xxl: string;
        } | undefined;
        className?: string | undefined;
        style?: {} | undefined;
    }): import("react/jsx-runtime").JSX.Element | null;
    propTypes: {
        show: PropTypes.Requireable<boolean>;
        position: PropTypes.Requireable<string>;
        breakpoints: PropTypes.Requireable<{
            [x: string]: string | null | undefined;
        }>;
        className: PropTypes.Requireable<string>;
        style: PropTypes.Requireable<object>;
    };
};
export default BreakpointIndicator;
//# sourceMappingURL=BreakpointIndicator.d.ts.map