commerce/components/label.tsx
Chloe 78a79a44b7
fix: update PLP display
Signed-off-by: Chloe <pinkcloudvnn@gmail.com>
2024-05-08 14:11:16 +07:00

26 lines
501 B
TypeScript

import Price from './price';
const Label = ({
title,
amount,
currencyCode
}: {
title: string;
amount: string;
currencyCode: string;
}) => {
return (
<div className="flex flex-col">
<h3 className="mt-4 text-sm text-gray-700">{title}</h3>
<Price
className="text-lg font-medium text-gray-900"
amount={amount}
currencyCode={currencyCode}
currencyCodeClassName="hidden @[275px]/label:inline"
/>
</div>
);
};
export default Label;