import '@js-toolkit/utils/types';
import { ViewSize } from '@js-toolkit/web-utils/responsive/ViewSize';
import type { DefaultComponentType } from '../Flex';
import type { TweakableComponentProps } from '../types';
import { type MergeBreakpointsOptions } from './utils';
export type ResponsiveProps<Props extends AnyObject> = MergeBreakpointsOptions<
/** Props per breakpoint */
Partial<Props> | undefined>;
type Combine<P extends AnyObject> = P & ResponsiveProps<P>;
export type ResponsiveAllProps<C extends React.ElementType = DefaultComponentType> = Combine<React.PropsWithChildren<TweakableComponentProps<C>>>;
export declare function mergeBreakpointProps<Props extends AnyObject>(viewSize: ViewSize, { breakpoints, merge, ...rest }: ResponsiveProps<Props> & Props): Partial<Props>;
export default function Responsive<C extends React.ElementType = DefaultComponentType>(props: ResponsiveAllProps<C>): React.JSX.Element;
export {};