Documentation

import { Shop, Product, ProductImage } from '@merch/ui';

export default function Demo() {
  return (
    <div className="p-8 space-y-4">
      <Shop>
        <Product productId="BEEB77">
          <ProductImage
            artwork="https://images.unsplash.com/photo-1533738363-b7f9aef128ce"
            variantId="Pv1sLC"
            mockupId="FV1qjO"
            className="w-full rounded-lg max-w-md"
            width={1400}
          />
        </Product>
      </Shop>
    </div>
  );
}