crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 20:26:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

ProductCard

Browse Source
This commit is contained in:
Belen Curcio
2020-10-02 11:27:50 -03:00
parent 6c7fa4a6e6 f2108ca97f
commit 0d2ac7093b
81 changed files with 3125 additions and 2294 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
components/product/ProductCard/ProductCard.tsx
View File

@@ -1,32 +1,29 @@
import cn from "classnames";
import s from "./ProductCard.module.css";
import React, { FunctionComponent } from "react";
import { Heart } from "@components/icon";
import cn from 'classnames'
import s from './ProductCard.module.css'
import { FC } from 'react'
import { Heart } from '@components/icon'
interface Props {
className?: string;
children?: any;
className?: string
children?: any
}
const ProductCard: FunctionComponent<Props> = ({ className }) => {
const rootClassName = cn(s.root, className);
const ProductCard: FC<Props> = ({ className }) => {
const rootClassName = cn(s.root, className)
return (
<div className={rootClassName}>
<div className="absolute">
<h1 className="px-8 py-2 bg-white text-black font-bold text-3xl">
<div className="">
<h1 className="px-8 py-2 bg-white text-black font-bold text-2xl">
T-Shirt
</h1>
<div className="px-6 py-2 pb-4 bg-white text-black font-semibold inline-block">
<div className="px-6 py-1 pb-3 bg-white text-black font-semibold inline-block text-sm leading-6">
$50
</div>
</div>
<div className="absolute flex items-center justify-center h-12 w-12 bg-white text-black">
<div className="flex items-center justify-center h-12 w-12 bg-white text-black cursor-pointer">
<Heart />
</div>
<div className="flex-1 h-full p-24">
<div className="bg-violet h-full"></div>
</div>
</div>
);
};
)
}
export default ProductCard;
export default ProductCard