import type { CSSVariables } from '../utils/types.js';

export type ListType = 'ordered' | 'unordered';

export type ListVariant = 'primary' | 'secondary' | 'tertiary';

export type GapValue = string;

export type ListProps = {
  listType?: ListType;
  variant?: ListVariant;
  gap?: GapValue;
  showMarker?: boolean;
  className?: string;
  style?: CSSVariables;
  children?: React.ReactNode;
};

export type ContentFieldsProps = {
  listTypeName?: string;
  listTypeLabel?: string;
  listTypeDefault?: ListType;
};

export type StyleFieldsProps = {
  variantName?: string;
  variantLabel?: string;
  variantDefault?: ListVariant;
};
