import React from 'react';
import type { ChipProps } from '@planview/pv-uikit';
type Prettify<T> = {
    [K in keyof T]: T[K];
} & NonNullable<unknown>;
export type GridCellChipsItem = Prettify<Omit<Extract<ChipProps, {
    focusable?: false;
}>, 'disabled' | 'removeButtonLabel' | 'onRemove' | 'removeChipInstructions' | 'focusable'>>;
export type GridCellChipsProps = {
    tabIndex: number;
    value?: GridCellChipsItem[] | string[];
};
declare const GridCellChipsImpl: React.ForwardRefExoticComponent<GridCellChipsProps & React.RefAttributes<HTMLDivElement>>;
/**
 *
 * `import { GridCellChips } from '@planview/pv-grid'`
 *
 * The [GridCellChips](https://design.planview.com/components/grid/grid-renderer-chips) specifically designed to show multiple Chip
 * components in a cell. This cell renderer should be paired with the GridEditorComboboxMulti when editing is needed.
 *
 * ### Usage
 * The `value` can be an array of strings or objects that adhere to the exported `GridCellChipsItem` type which contains a subset of possible `Chip` props.
 * You can read more about these props on the [Chips component](https://planview-ds.github.io/react-pvds/?path=/docs/pv-uikit-chip--docs) documentation page.
 *
 * ```ts
 * type GridCellChipsItem = {
 *     id?: (string | number);
 *     label: string;
 *     icon?: React.JSX.Element;
 *     custom?: React.ReactNode;
 *     avatar?: (string | React.ReactElement<AvatarProps>);
 *     valid?: boolean;
 *     color?: string;
 *     role?: React.AriaRole;
 *     className?: string;
 * }
 * ```
 *
 * ### Responsiveness
 * The `GridCellChips` component will fade out the content if there is too much content for the width of the cell. You are
 * encouraged to use a Tooltip or Popover around the renderer to provide an expanded view of the content.
 *
 * ```tsx
 * const tagColumn: Column<Team> = {
 *      id: 'tags',
 *      label: 'Tags',
 *      cell: {
 *          Renderer({ value, tabIndex }) {
 *              return (
 *                  <GridCellChips
 *                      tabIndex={tabIndex}
 *                      value={value}
 *                  />
 *              )
 *          },
 *      },
 *  },
 * ```
 */
export declare const GridCellChips: typeof GridCellChipsImpl;
export {};
//# sourceMappingURL=cell-chips.d.ts.map