import { ButtonHTMLAttributes, ReactNode } from 'react';
/**
 * Chips component props interface
 */
type ChipsProps = {
    /** Content to be displayed inside the chip */
    children: ReactNode;
    /** Se o chip está selecionado (mostra check automaticamente) */
    selected?: boolean;
    /** Additional CSS classes to apply */
    className?: string;
} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;
/**
 * Chips component for Analytica Ensino platforms
 *
 * Um componente de chip seguindo exatamente o design do Figma.
 * Suporte a dois estados principais: default (sem ícone) e selected (com ícone de check).
 * Quando selecionado, automaticamente mostra o ícone de check.
 *
 * @param children - O conteúdo a ser exibido dentro do chip
 * @param selected - Se o chip está selecionado (mostra check automaticamente)
 * @param className - Classes CSS adicionais
 * @param props - Todos os outros atributos padrão de button HTML
 * @returns Um elemento de chip estilizado
 *
 * @example
 * ```tsx
 * <Chips onClick={() => console.log('clicked')}>
 *   Label
 * </Chips>
 *
 * <Chips selected onClick={() => console.log('selected')}>
 *   Selected Label
 * </Chips>
 * ```
 */
declare const Chips: ({ children, selected, className, disabled, type, ...props }: ChipsProps) => import("react/jsx-runtime").JSX.Element;
export default Chips;
//# sourceMappingURL=Chips.d.ts.map