Media

import { ComponentConfig } from "@wecre8websites/strapi-page-builder-react";
import Image from "next/image";
 
export interface MyComponentProps {
  myFieldName: string;
}
 
export const MyComponentConfig: Omit<ComponentConfig<MyComponentProps, MyComponentProps>, "type"> = {
  fields: {
    myFieldName: {
      type: "media",
      mediaType: "image",
      label: "My Field Name",
    },
  },
  defaultProps: {
    myFieldName: "",
  },
  label: "My Component",
  render: (props) => {
    return <div className="relative w-48 h-48">
      {props.myFieldName
        ? <Image src={process.env.NEXT_PUBLIC_IMAGE_URL + props.myFieldName} layout="fill" objectFit="cover" alt="" />
        : null}
    </div>
  }
}