import { Component } from 'react';
import { BreakpointQueries, QueriesMatching, UpdateMatches } from '../../utils/v1/QueryType';
import type { ResponsiveByBreakpointProps, ResponsiveProps, ResponsivePropsObject } from './props';
/**
---
category: components
---

**/
declare class Responsive extends Component<ResponsiveProps> {
    static allowedProps: readonly (keyof {
        query: BreakpointQueries;
        match?: "element" | "media";
        props?: ResponsiveByBreakpointProps;
        render?: (props?: ResponsivePropsObject | null, matches?: QueriesMatching) => any;
        children?: (props?: ResponsivePropsObject | null, matches?: QueriesMatching) => any;
        display?: "inline" | "block" | "inline-block" | "flex" | "inline-flex";
        elementRef?: (el: HTMLDivElement | null) => void;
    })[];
    static defaultProps: {
        children: null;
        match: string;
        props: null;
    };
    ref: HTMLDivElement | null;
    _matchListener: {
        remove(): void;
    } | null;
    state: {
        matches: QueriesMatching;
        hasRendered: boolean;
    };
    handleRef: (el: HTMLDivElement | null) => void;
    componentDidMount(): void;
    componentWillUnmount(): void;
    componentDidUpdate(prevProps: ResponsiveProps): void;
    addMatchListener(query: BreakpointQueries, updateMatches: UpdateMatches, match?: "element" | "media" | undefined): {
        remove: () => void;
    };
    removeMatchListener(): void;
    updateMatches: UpdateMatches;
    mergeProps(matches: QueriesMatching, props?: ResponsiveByBreakpointProps): ResponsivePropsObject | null;
    render(): import("@emotion/react/jsx-runtime").JSX.Element;
}
export default Responsive;
export { Responsive };
//# sourceMappingURL=index.d.ts.map