analytica-frontend-lib/dist/Chips/index.d.mts

Repositório público dos componentes utilizados nas plataformas da Analytica Ensino

import * as react_jsx_runtime from 'react/jsx-runtime';
import { ReactNode, ButtonHTMLAttributes } 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) => react_jsx_runtime.JSX.Element;

export { Chips as default };