import {ReactNode} from 'react';
import {StyleProp, ViewStyle} from 'react-native';
import {ThemeAppearance} from '@shared/theme';

export type PillVariant =
  | 'primary'
  | 'info'
  | 'highlight'
  | 'neutral'
  | 'disabled'
  | 'success'
  | 'warning'
  | 'error';

export type PillSize = 'md' | 'sm';

export interface PillProps {
  text?: string;
  variant?: PillVariant;
  withIcon?: boolean;
  size?: PillSize;
  children?: ReactNode;
  appearance?: ThemeAppearance;
  style?: StyleProp<ViewStyle>;
}
