import React from "react"; import { StyleProp, TextStyle, ViewProps, ViewStyle } from "react-native"; import { PaletteColor } from "./base"; import { PressableProps } from "./Pressable"; export interface ChipProps extends Omit, Omit { /** * The text to display in the chip. */ label: string | React.ReactNode | ((props: { color: string; }) => React.ReactNode | null) | null; /** * The element placed before the `label`. */ leading?: React.ReactNode | ((props: { color: string; size: number; }) => React.ReactNode | null) | null; /** * The element placed after the `label`. */ trailing?: React.ReactNode | ((props: { color: string; size: number; }) => React.ReactNode | null) | null; /** * The variant of the chip. * - `filled`: A filled chip. * - `outlined`: A solid background with a border. * * @default "filled" */ variant?: "filled" | "outlined"; /** * The color of the chip. */ color?: PaletteColor; /** * The style of the chip's container. */ contentContainerStyle?: PressableProps["style"]; /** * The style of the chip's label. */ labelStyle?: StyleProp; /** * The style of the chip's leading element. */ leadingContainerStyle?: StyleProp; /** * The style of the chip's trailing element. */ trailingContainerStyle?: StyleProp; } declare const Chip: React.FC; export default Chip;