import { type DimensionValue, type StyleProp, type ViewStyle } from 'react-native';
import { type SharedAccessibilityProps } from '@coinbase/cds-common/types/SharedAccessibilityProps';
import { type SharedProps } from '@coinbase/cds-common/types/SharedProps';
import type { PressableProps } from '../system/Pressable';
export type ChipBaseProps = SharedProps &
  Omit<PressableProps, 'children' | 'maxWidth' | 'style' | 'onChange' | 'maxWidth'> &
  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?: DimensionValue;
    /**
     * 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?: StyleProp<ViewStyle>;
    style?: StyleProp<ViewStyle>;
    /** Custom styles for individual elements of the Chip component */
    styles?: {
      /** Root element */
      root?: StyleProp<ViewStyle>;
      /** Content element */
      content?: StyleProp<ViewStyle>;
    };
  };
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