import {
  ImageFieldDefaults,
  ImageFieldType,
} from '@hubspot/cms-components/fields';

export type ImageProps = {
  src: string;
  alt: string;
  title?: string;
  width?: number;
  height?: number;
  loading?: 'lazy' | 'eager' | 'disabled';
  responsive?: boolean;
  className?: string;
  style?: React.CSSProperties;
  variant?: 'primary' | 'secondary' | 'tertiary'; // !todo: this will likely go away at some point, but keeping for now
};

export type ContentFieldsProps = {
  imageLabel?: string;
  imageName?: string;
  imageDefault?: typeof ImageFieldDefaults;
  showLoading?: boolean;
  resizable?: boolean;
  responsive?: boolean;
  imageEnabledFeatures?: ImageFieldType['enabledFeatures'];
};
