import React from 'react'; import { ComponentProps } from '@stitches/react'; import { ChipType } from './ChipItem'; declare const StyledChip: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, { breakpoint1: "(min-width: 768px)"; }, import("@stitches/react/types/css-util").CSS<{ breakpoint1: "(min-width: 768px)"; }, { colors: { Blue500: string; Blue200: string; WhiteWhite100: string; GreyscaleGrey100: string; TextPrimary: string; TextSecondary: string; TextDisabled: string; TextInverted: string; PrimaryMain: string; PrimaryMainHover: string; PrimaryMainSelected: string; PrimaryMainContrast: string; PrimaryMainContrastSecondary: string; PrimaryLight: string; PrimaryLightHover: string; PrimaryLightSelected: string; PrimaryLightContrast: string; PrimaryLightContrastSecondary: string; PrimaryMainOutline: string; PrimaryLightOutline: string; ActionMain: string; ActionMainHover: string; ActionMainSelected: string; ActionMainContrast: string; ActionMainContrastSecondary: string; ActionLight: string; ActionLightHover: string; ActionLightSelected: string; ActionLightContrast: string; ActionLightContrastSecondary: string; ActionMainOutline: string; ActionLightOutline: string; OtherDisabledContent: string; OtherDisabledBackground: string; OtherDisabledOutline: string; OtherForeground: string; OtherForegroundInverted: string; OtherDivider: string; OtherOverlay: string; OtherInputBorderDefault: string; OtherInputBorderHover: string; OtherInputBorderActive: string; ErrorMain: string; ErrorMainHover: string; ErrorMainSelected: string; ErrorMainContrast: string; ErrorMainContrastSecondary: string; ErrorLight: string; ErrorLightHover: string; ErrorLightSelected: string; ErrorLightContrast: string; ErrorLightContrastSecondary: string; ErrorMainOutline: string; ErrorLightOutline: string; Background0dp: string; Background1dp: string; Background2dp: string; Background3dp: string; CalloutMain: string; AccentRed: string; AccentRedLight: string; AccentOrange: string; AccentOrangeLight: string; AccentYellow: string; AccentYellowLight: string; AccentMustard: string; AccentMustardLight: string; AccentForestgreen: string; AccentForestgreenLight: string; AccentGreen: string; AccentGreenLight: string; AccentTeal: string; AccentTealLight: string; AccentBabyblue: string; AccentBabyblueLight: string; AccentSailorblue: string; AccentSailorblueLight: string; AccentDarkpurple: string; AccentDarkpurpleLight: string; AccentPurple: string; AccentPurpleLight: string; AccentBrightpurple: string; AccentBrightpurpleLight: string; AccentPink: string; AccentPinkLight: string; }; fontSizes: { xxxs: string; xxs: string; xs: string; sm: string; md: string; lg: string; xl: string; xxl: string; xxxl: string; }; lineHeights: { xxxs: string; xxs: string; xs: string; sm: string; md: string; lg: string; xl: string; xxl: string; xxxl: string; }; space: { xxxs: string; xxs: string; xs: string; sm: string; md: string; lg: string; xl: string; xxl: string; xxxl: string; }; }, import("@stitches/react/types/config").DefaultThemeMap, {}>>; declare type StitchedProps = Omit, 'onChange'>; export interface ChipProps extends StitchedProps { /** * Allow multiple values to be picked */ multiple?: boolean; /** * Controlled component value */ value?: string[] | string; /** * Uncontrolled component value */ defaultValue?: string[] | string; /** * Called when value changes */ onChange?(value: string[] | string): void; /** * Chip type */ type?: ChipType; } export declare const Chip: React.ForwardRefExoticComponent & React.RefAttributes>; export {}; //# sourceMappingURL=Chip.d.ts.map