import { ImageField } from '@hubspot/cms-components/fields';
import { ContentFieldsProps } from './types.js';

const ContentFields = ({
  imageLabel = 'Image',
  imageName = 'image',
  imageDefault = {
    src: '',
    alt: '',
    width: 800,
    height: 600,
    loading: 'lazy',
  },
  showLoading = true,
  resizable = true,
  responsive = true,
}: ContentFieldsProps) => {
  return (
    <>
      <ImageField
        label={imageLabel}
        name={imageName}
        showLoading={showLoading}
        resizable={resizable}
        responsive={responsive}
        default={imageDefault}
      />
    </>
  );
};

export default ContentFields;
