import { CSSObject } from 'styled-components'; import { InputStateV2 } from '../inputV2.types'; export type Dimensions = { width: CSSObject['width']; height: CSSObject['height']; minHeight: CSSObject['minHeight']; maxHeight: CSSObject['maxHeight']; minWidth: CSSObject['minWidth']; maxWidth: CSSObject['maxWidth']; }; export type ChatInputV2MobileTokensType = { gap: CSSObject['gap']; attachmentButtonDimensions: { width: CSSObject['width']; height: CSSObject['height']; border: CSSObject['border']; borderRadius: CSSObject['borderRadius']; backgroundColor: { [key in InputStateV2]: CSSObject['backgroundColor']; }; color: CSSObject['color']; }; inputContainer: { border: { [key in InputStateV2]: CSSObject['border']; }; borderRadius: { [key in InputStateV2]: CSSObject['borderRadius']; }; boxShadow: { [key in InputStateV2]: CSSObject['boxShadow']; }; paddingLeft: CSSObject['paddingLeft']; paddingTop: CSSObject['paddingTop']; paddingBottom: CSSObject['paddingBottom']; lineHeight: CSSObject['lineHeight']; fontSize: CSSObject['fontSize']; fontWeight: CSSObject['fontWeight']; color: CSSObject['color']; placeholder: { color: CSSObject['color']; }; backgroundColor: CSSObject['backgroundColor']; } & Dimensions; secondaryAction: { width: CSSObject['width']; height: CSSObject['height']; borderRadius: CSSObject['borderRadius']; right: CSSObject['right']; bottom: CSSObject['bottom']; backgroundColor: { [key in InputStateV2]: CSSObject['backgroundColor']; }; color: CSSObject['color']; }; };