import { ReactNode, Ref, ElementType, ComponentPropsWithoutRef } from 'react';
import { Color } from '../types.js';
import { ButtonSize } from './Button.js';
import { SurfaceVariant } from './Surface.js';
interface SegmentedOwnProps<C extends ElementType = 'div'> {
    /** Should be one or more `SegmentedButton` elements. */
    children?: ReactNode;
    /** Extra classes for the segmented container. */
    className?: string;
    /** Visually dim the entire group and disable pointer events. */
    disabled?: boolean;
    /** Pill-style segment buttons. Default `true`. Forwarded via context. */
    rounded?: boolean;
    /** Segment button size. Default `'md'`. Forwarded via context. */
    size?: ButtonSize;
    /** Polymorphic root element. Defaults to `'div'`. Use `'fieldset'`/`'ul'`/etc. for semantic groupings. */
    as?: C;
    /** Accent color applied to **inactive** segment buttons. */
    color?: Color;
    /** Forwarded to the polymorphic root element. */
    ref?: Ref<HTMLElement>;
    /**
     * `Surface` variant applied to **inactive** segment buttons through context.
     *
     * Default `'transparent'` - inactive segments fade into the parent surface.
     */
    variant?: SurfaceVariant;
    /** Outline ring on **inactive** segment buttons. Default `false`. */
    outline?: boolean;
    /**
     * Color applied to the **active** segment button.
     *
     * Defaults to the color of the nearest enclosing colored surface (e.g. a
     * `Popover`/`Surface` with a `color`), so the active segment matches its region.
     * Falls back to the theme accent color when no surface up the tree set a color.
     */
    activeColor?: Color;
    /** `Surface` variant applied to the **active** segment button. Default `'gradient'`. */
    activeVariant?: SurfaceVariant;
    /** Outline ring on the **active** segment button. Default `true`. */
    activeOutline?: boolean;
}
export type SegmentedProps<C extends ElementType = 'div'> = SegmentedOwnProps<C> & Omit<ComponentPropsWithoutRef<C>, keyof SegmentedOwnProps<C>>;
/** Shape of `Segmented` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
export type SegmentedDefaultProps = Partial<Omit<SegmentedOwnProps, 'as' | 'ref' | 'children'>>;
export declare const Segmented: <C extends ElementType = "div">(props: SegmentedProps<C>) => import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=Segmented.d.ts.map