import * as React from "react";
import { PropertyControls } from "framer";

// ================================
// Step 1: import the Img1 from ./canvas
// You can import any design component in your canvas, just make sure you reference it with the right name.
// I named my component Img1 from the Framer X UI.
// ================================
import { Img1 } from "./canvas";

// Define type of property
interface Props {}

export class ImageComponent extends React.Component<Props, {}> {
  static defaultProps = {};

  static propertyControls: PropertyControls = {};

  render() {
    // ================================
    // Use the imported component. Make sure you use it as a JSX element, in particular DON'T do
    // `return Img1` or `return new Img1` as they will simply not work.
    // ================================
    return <Img1 />;
  }
}