'use client';

import React from 'react';
import { Price } from '@theme/components';
import { Product } from '@akinon/next/types';

export interface PriceProps {
  price: Product['price'];
  retailPrice: Product['retail_price'];
}

export default function PriceWrapper(props: PriceProps) {
  const { price } = props;

  return (
    <div className="text-black-750 mb-4">
      <Price value={price} className="text-[17px]" data-testid="price" />
    </div>
  );
}
