declare module '@salesforce/design-system-react/components/pill-container' {
  import React from 'react';
  type Props = {
    /**
     * **Assistive text for accessibility**
     * * `listboxLabel`: This is a label for the listbox. The default is `Selected Options:`.
     * * `removePill`: Used to remove a selected item (pill). Focus is on the pill. This is not a button. The default is `Press delete or backspace to remove`.
     */
    assistiveText?: Partial<{
      listboxLabel?: string;
      removePill?: string;
    }>;
    /**
     * CSS classes to be added to the pill container
     */
    className?: any[] | Record<string, any> | string;
    /**
     * HTML id for pill container
     */
    id?: string;
    /**
     * **Text labels for internationalization**
     * * `removePillTitle`: Title on `X` icon
     */
    labels?: Partial<{
      removePillTitle?: string;
    }>;
    /**
     * **Array of pill objects.**
     * Each object can contain:
     * * `avatar`: An `Avatar` component.
     * * `error`: Adds error styling
     * * `icon`: An `Icon` component.
     * * `id`: A unique identifier string.
     * * `label`: A primary string of text.
     * * `title`: Text that appears on mouse hover. Most helpful for long labels.
     * ```
     * {
     * 	id: '2',
     * 	label: 'Salesforce.com, Inc.',
     * 	title: 'Salesforce.com, Inc. - Want to work here?',
     * },
     * ```
     * `options` with array length of zero will remove this component from the DOM.
     */
    options?: Partial<{
      avatar?:
        | React.ReactNode
        | Partial<{
            imgSrc?: string;
            title?: string;
            variant?: string;
          }>;
      bare?: boolean;
      error?: boolean;
      icon?:
        | React.ReactNode
        | Partial<{
            category?: string;
            name?: string;
          }>;
      id?: string;
      label?: React.ReactNode | string;
      title?: string;
    }>[];
    /**
     * Function called when a pill is clicked
     */
    onClickPill?: (v: any) => any;
    /**
     * Function called when a pill is requested to be 'removed' via the delete key or 'X' icon click.
     */
    onRequestRemovePill?: (v: any) => any;
    /**
     * Custom style object to be passed to the pill container
     */
    style?: Record<string, any>;
    /**
     * Specifies the pill styling at the container level. `bare` removes border styling from all pills.
     */
    variant?: 'base' | 'bare';
  };
  /**
   * A `PillContainer` is a container that holds one or more pills. Use it for a list of pills in a container that resembles an `input` form field. It is not intended for navigation.
   */
  function Component(props: Props): React.ReactElement;
  export default Component;
}
