import { type ReactNode } from 'react';
import type { FunkitTheme } from '../theme/toRestyleTheme';
export type PillButtonSize = Extract<keyof FunkitTheme['sizes'], `button${string}`>;
export type PillButtonVariant = 'primary' | 'secondary';
export interface PillButtonProps {
    label: string;
    onPress: () => void;
    /** Leading content inside the pill, e.g. a 16px icon. */
    icon?: ReactNode;
    /** Content pinned without shifting the centered label. */
    trailingIcon?: ReactNode;
    size?: PillButtonSize;
    /** `secondary` is the quieter fill used for side-by-side actions. */
    variant?: PillButtonVariant;
    /** `element` squares the corners off where the design butts the button
     *  against a card of the same radius. */
    radius?: Extract<keyof FunkitTheme['borderRadii'], 'button' | 'element'>;
    disabled?: boolean;
    /** Defaults to `label`. */
    accessibilityLabel?: string;
}
/**
 * The full-width primary action at the foot of a sheet — Confirm, Cancel, Done.
 * Width comes from the container, so callers control the horizontal inset.
 */
export declare function PillButton({ label, onPress, icon, trailingIcon, size, variant, radius, disabled, accessibilityLabel, }: PillButtonProps): import("react").JSX.Element;
//# sourceMappingURL=PillButton.d.ts.map