import React, { FC } from 'react'
import { useProduct } from 'vtex.product-context'
import styles from "./styles.css";

export const ProductReference: FC = () => {

  const productContextValue = useProduct();
  console.log(productContextValue)

  return (
    <div className={styles.containerProductReference}>
      <span className={styles.productReference}>{productContextValue?.product?.productReference}</span>
    </div>
  );
}
