Basic FulFillCard:

```jsx
<FulFillCardVer1
  logofulfill="https://uploads-ssl.webflow.com/5bbed931f8149f332875c562/5bc00e617afd3f28884ee25b_success.svg"
  text1="Mark as fulfilled"
  text2="QUANTITY TO FULFILL"
  items={[
    {
      image:
        "https://uploads-ssl.webflow.com/5bbed931f8149f332875c562/5bbf02acbd08906c00233766_Printer_small.jpg",
      badge: 1,
      name: "Faxtex Product Sample",
      sku: "SKU: 4827521",
      type: "M / Blue",
      priceAndQuantity: "110₫ × 1",
      totalPrice: "110₫"
    },
    {
      image:
        "https://cdn.shopify.com/s/files/1/0053/4508/3490/products/Photocamera_small.jpg?v=1538713910",
      badge: 10,
      name: "Donkix Product Sample",
      type: "M / Red / 1 Year",
      priceAndQuantity: "60₫ × 2",
      totalPrice: "120₫"
    }
  ]}
  buttonText="Mask As Fulfill"
  onClick={event => {
    // eslint-disable-next-line no-console
    console.log("You have clicked me!", event.target);
  }}
/>
```