///
import { SurfaceProps } from './Surface';
export declare const SizedSurfacePropsContext: import("./helpers/createContextualProps").ContextualProps;
export declare const SurfacePassPropsReset: (props: {
children: any;
}) => any;
export declare const SurfacePassProps: ({ children, ...rest }: Partial & {
children?: any;
}>) => JSX.Element;
export declare const useSurfaceProps: >(componentProps?: B) => B extends undefined ? SurfaceProps : B & Omit & Omit & Omit & import("./Surface").SizedSurfaceSpecificProps & {
borderPosition?: "inside" | "outside";
focus?: boolean;
hover?: boolean;
active?: boolean;
ellipse?: boolean;
before?: import("react").ReactNode;
after?: import("react").ReactNode;
badge?: import("react").ReactNode;
badgeProps?: Object;
children?: import("react").ReactNode;
name?: string;
chromeless?: boolean;
circular?: boolean;
elementProps?: Object;
glintBottom?: boolean;
glint?: boolean;
glow?: boolean;
glowProps?: Object;
hovered?: boolean;
icon?: import("react").ReactNode;
iconAfter?: boolean;
iconColor?: import("@o/color").ColorLike;
iconProps?: Partial;
iconSize?: number;
showInnerElement?: "always" | "never";
theme?: import("gloss").CompiledTheme;
tooltip?: import("react").ReactNode;
tooltipProps?: import("./Popover").PopoverProps;
alpha?: number;
alphaHover?: number;
disabled?: boolean;
type?: string;
subTheme?: import("gloss").ThemeSelect;
iconPadding?: number;
ignoreSegment?: boolean;
space?: import("./Space").Size;
spaceAround?: import("./Space").Size;
betweenIconElement?: import("react").ReactNode;
segment?: "middle" | "single" | "first" | "last";
elementTheme?: import("gloss").ThemeFn;
} & {
hoverStyle?: import("gloss").ThemeFn | import("gloss").PseudoStyle;
activeStyle?: import("gloss").ThemeFn | import("gloss").PseudoStyle;
focusStyle?: import("gloss").ThemeFn | import("gloss").PseudoStyle;
disabledStyle?: import("gloss").ThemeFn | import("gloss").PseudoStyle;
focusWithinStyle?: import("gloss").ThemeFn | import("gloss").PseudoStyle;
selectedStyle?: import("gloss").ThemeFn | import("gloss").PseudoStyle;
}, keyof import("gloss/_/types").GlossBaseProps> & import("gloss/_/types").GlossBaseProps & import("./Surface").SizedSurfaceSpecificProps & {
borderPosition?: "inside" | "outside";
focus?: boolean;
hover?: boolean;
active?: boolean;
ellipse?: boolean;
before?: import("react").ReactNode;
after?: import("react").ReactNode;
badge?: import("react").ReactNode;
badgeProps?: Object;
children?: import("react").ReactNode;
name?: string;
chromeless?: boolean;
circular?: boolean;
elementProps?: Object;
glintBottom?: boolean;
glint?: boolean;
glow?: boolean;
glowProps?: Object;
hovered?: boolean;
icon?: import("react").ReactNode;
iconAfter?: boolean;
iconColor?: import("@o/color").ColorLike;
iconProps?: Partial;
iconSize?: number;
showInnerElement?: "always" | "never";
theme?: import("gloss").CompiledTheme;
tooltip?: import("react").ReactNode;
tooltipProps?: import("./Popover").PopoverProps;
alpha?: number;
alphaHover?: number;
disabled?: boolean;
type?: string;
subTheme?: import("gloss").ThemeSelect;
iconPadding?: number;
ignoreSegment?: boolean;
space?: import("./Space").Size;
spaceAround?: import("./Space").Size;
betweenIconElement?: import("react").ReactNode;
segment?: "middle" | "single" | "first" | "last";
elementTheme?: import("gloss").ThemeFn;
} & {
hoverStyle?: import("gloss").ThemeFn | import("gloss").PseudoStyle;
activeStyle?: import("gloss").ThemeFn | import("gloss").PseudoStyle;
focusStyle?: import("gloss").ThemeFn | import("gloss").PseudoStyle;
disabledStyle?: import("gloss").ThemeFn | import("gloss").PseudoStyle;
focusWithinStyle?: import("gloss").ThemeFn | import("gloss").PseudoStyle;
selectedStyle?: import("gloss").ThemeFn | import("gloss").PseudoStyle;
}> & {
[key: string]: any;
};
//# sourceMappingURL=SurfacePropsContext.d.ts.map