const config = `
<View>
  <Image name="img" value="$image"></Image>
  <RectangleLabels name="tag" toName="img" fillOpacity="0.5" strokeWidth="5">
    <Label value="Hello"></Label>
    <Label value="World" background="blue"></Label>
  </RectangleLabels>
</View>
`;

const data = {
  image:
    "https://htx-pub.s3.us-east-1.amazonaws.com/examples/images/nick-owuor-astro-nic-visuals-wDifg5xc9Z4-unsplash.jpg",
};

const result = [
  {
    from_name: "tag",
    id: "Dx_aB91ISN",
    image_rotation: 0,
    original_height: 2802,
    original_width: 2242,
    to_name: "img",
    type: "rectanglelabels",
    origin: "manual",
    value: {
      height: 10.458911419423693,
      rectanglelabels: ["Hello"],
      rotation: 0,
      width: 12.4,
      x: 50.8,
      y: 5.86979722518676,
    },
  },
  {
    from_name: "tag",
    id: "Dx_aB92ISN",
    image_rotation: 0,
    original_height: 2802,
    original_width: 2242,
    to_name: "img",
    type: "rectanglelabels",
    origin: "manual",
    value: {
      height: 10.458911419423693,
      rectanglelabels: ["World"],
      rotation: 0,
      width: 12.4,
      x: 55.8,
      y: 15.86979722518676,
    },
  },
];

const title = "BBoxes on Image";

module.exports = { config, data, result, title };