import React from "react";
import { PillProps } from "./Pill.types";
/**
 * Pill component - Simplified selectable chip for filters and tags
 *
 * A focused component with single outline style. For colorful semantic
 * variations, use Badge instead.
 *
 * @example Basic usage
 * ```tsx
 * <Pill>Design</Pill>
 * ```
 *
 * @example Selectable filter
 * ```tsx
 * const [selected, setSelected] = useState(false);
 * <Pill selected={selected} onSelect={setSelected}>
 *   Frontend
 * </Pill>
 * ```
 *
 * @example Multi-select filters
 * ```tsx
 * const [filters, setFilters] = useState(['design']);
 * <Pill
 *   selected={filters.includes('design')}
 *   onSelect={(selected) => {
 *     setFilters(selected
 *       ? [...filters, 'design']
 *       : filters.filter(f => f !== 'design')
 *     );
 *   }}
 * >
 *   Design
 * </Pill>
 * ```
 */
export declare const Pill: React.ForwardRefExoticComponent<PillProps & React.RefAttributes<HTMLSpanElement>>;
