mirror of
https://github.com/vercel/commerce.git
synced 2025-07-22 20:26:49 +00:00
74 lines
2.1 KiB
TypeScript
74 lines
2.1 KiB
TypeScript
import { useState } from 'react'
|
|
import {
|
|
CheckoutBill,
|
|
Layout,
|
|
} from 'src/components/common'
|
|
import { CardItemCheckoutProps } from 'src/components/common/CardItemCheckout/CardItemCheckout'
|
|
import TabPane from 'src/components/common/TabCommon/components/TabPane/TabPane'
|
|
import TabCommon from 'src/components/common/TabCommon/TabCommon'
|
|
import { CheckoutInfo } from 'src/components/modules/checkout'
|
|
import image7 from '../public/assets/images/image7.png'
|
|
import image8 from '../public/assets/images/image8.png'
|
|
const dataTest:CardItemCheckoutProps[] = [
|
|
{
|
|
name: 'Tomato',
|
|
slug: "tomato",
|
|
weight: '250g',
|
|
category: 'VEGGIE',
|
|
price: 'Rp 27.500',
|
|
imageSrc: image7.src,
|
|
quantity:10
|
|
},
|
|
{
|
|
name: 'Carrot',
|
|
slug: "carrot",
|
|
weight: '250g',
|
|
category: 'VEGGIE',
|
|
price: 'Rp 27.500',
|
|
imageSrc: image7.src,
|
|
quantity:1
|
|
},
|
|
{
|
|
name: 'Salad',
|
|
slug:"salad",
|
|
weight: '250g',
|
|
category: 'VEGGIE',
|
|
price: 'Rp 27.500',
|
|
imageSrc: image8.src,
|
|
quantity:2
|
|
},
|
|
]
|
|
|
|
export default function Test() {
|
|
return (
|
|
<>
|
|
<div className="w-full flex justify-between" style={{padding: "0 3.2rem"}} >
|
|
<CheckoutInfo/>
|
|
<CheckoutBill data={dataTest}/>
|
|
</div>
|
|
<TabCommon center={true}>
|
|
<TabPane
|
|
active={true}
|
|
tabName={'dat datdat datdatdatdatdatdat'}
|
|
>
|
|
<div className="w-full">
|
|
datdatdatdatdatdatdatdatdatdatdatdatdatdatdatdatdatdatdatdatdatdatdatdatdatdatdatdatdatdatdatdatdatdatdatdat
|
|
</div>
|
|
</TabPane>
|
|
<TabPane active={true} tabName={'1234567890'}>
|
|
<div className="w-full">
|
|
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Suscipit harum sint maiores optio? Perspiciatis, necessitatibus pariatur, ut sed aperiam minus reiciendis alias deleniti eligendi obcaecati illum id maxime accusantium beatae.
|
|
</div>
|
|
</TabPane>
|
|
<TabPane active={true} tabName={'1'}>
|
|
<div className="w-full">
|
|
11111111111111111111111111111111111111111111111111111111111
|
|
</div>
|
|
</TabPane>
|
|
</TabCommon>
|
|
</>
|
|
)
|
|
}
|
|
|
|
Test.Layout = Layout
|