import { type ComponentPropsWithRef, type ElementType, type ReactNode } from 'react';
import type { PolymorphicProps } from '../../shared/polymorphic';
type MetalSurfaceShape = 'pill' | 'rounded' | 'circle';
type MetalSurfaceOwnProps<E extends ElementType> = {
    as?: E;
    shape?: MetalSurfaceShape;
    interactive?: boolean;
    children?: ReactNode;
    className?: string;
};
type MetalSurfaceProps<E extends ElementType = 'div'> = MetalSurfaceOwnProps<E> & Omit<PolymorphicProps<E>, keyof MetalSurfaceOwnProps<E>>;
type MetalIconButtonProps = Omit<ComponentPropsWithRef<'button'>, 'children'> & {
    icon?: ReactNode;
    label?: string;
    shape?: Extract<MetalSurfaceShape, 'pill' | 'circle'>;
};
declare function MetalSurface<E extends ElementType = 'div'>({ as, shape, interactive, className, children, ...props }: MetalSurfaceProps<E>): import("react/jsx-runtime").JSX.Element;
declare function MetalIconButton({ icon, label, shape, className, type, 'aria-label': ariaLabel, ...props }: MetalIconButtonProps): import("react/jsx-runtime").JSX.Element;
declare const MetalSurfaceIconButton: typeof MetalIconButton;
type MetalSurfaceIconButtonProps = MetalIconButtonProps;
export { MetalIconButton, MetalSurface, MetalSurfaceIconButton };
export type { MetalIconButtonProps, MetalSurfaceIconButtonProps, MetalSurfaceProps, MetalSurfaceShape, };