import type { SharedAccessibilityProps, SharedProps } from '@coinbase/cds-common/types';
import type {
  PressableBaseProps,
  PressableDefaultElement,
  PressableProps,
} from '../system/Pressable';
export type ChipBaseProps = SharedProps &
  Omit<
    PressableProps<PressableDefaultElement>,
    | 'children'
    | 'loading'
    | 'start'
    | 'numberOfLines'
    | 'accessibilityHint'
    | 'accessibilityLabelledBy'
    | 'onChange'
    | 'value'
  > &
  Pick<SharedAccessibilityProps, 'accessibilityLabel'> & {
    /** ReactNode placed in the center of the Chip */
    children?: React.ReactNode;
    /** ReactNode placed before the value */
    start?: React.ReactNode;
    /** ReactNode placed after the value */
    end?: React.ReactNode;
    /**
     * If text content overflows, it will get truncated with an ellipsis.
     * @default 200
     */
    maxWidth?: PressableBaseProps['maxWidth'];
    /**
     * Invert the foreground and background colors to emphasize the Chip.
     * Depending on your theme, it may be dangerous to use this prop in conjunction with `transparentWhileInactive`.
     * @default false
     * @deprecated Use the invertColorScheme prop instead. This will be removed in a future major release.
     * @deprecationExpectedRemoval v9
     */
    inverted?: boolean;
    /**
     * Invert the foreground and background colors to emphasize the Chip.
     * Depending on your theme, it may be dangerous to use this prop in conjunction with `transparentWhileInactive`.
     * @default false
     */
    invertColorScheme?: boolean;
    /** Reduces spacing around Chip content */
    compact?: boolean;
    /**
     * How many lines the text in the chip will be broken into.
     * @default 1
     */
    numberOfLines?: number;
    /**
     * @deprecated Use `styles.content` instead. This will be removed in a future major release.
     * @deprecationExpectedRemoval v9
     * Apply styles to Chip content.
     */
    contentStyle?: React.CSSProperties;
    /** Custom styles for individual elements of the Chip component */
    styles?: {
      /** Root element */
      root?: React.CSSProperties;
      /** Content element */
      content?: React.CSSProperties;
    };
    /** Custom class names for individual elements of the Chip component */
    classNames?: {
      /** Root element */
      root?: string;
      /** Content element */
      content?: string;
    };
  };
export type ChipProps = ChipBaseProps;
export type InputChipBaseProps = ChipBaseProps;
export type InputChipProps = InputChipBaseProps &
  ChipProps & {
    /**
     * Value indicates what is currently selected
     * @deprecated Use the `children` prop instead. This will be removed in a future major release.
     * @deprecationExpectedRemoval v9
     */
    value?: string;
  };
//# sourceMappingURL=ChipProps.d.ts.map