mirror of
https://github.com/vercel/commerce.git
synced 2025-05-18 15:36:58 +00:00
30 lines
807 B
TypeScript
30 lines
807 B
TypeScript
import { FC } from 'react'
|
|
import s from './PaymentWidget.module.css'
|
|
import { ChevronRight, CreditCard } from '@components/icons'
|
|
|
|
interface ComponentProps {
|
|
onClick?: () => any
|
|
}
|
|
|
|
const PaymentWidget: FC<ComponentProps> = ({ onClick }) => {
|
|
/* Shipping Address
|
|
Only available with checkout set to true -
|
|
This means that the provider does offer checkout functionality. */
|
|
return (
|
|
<div onClick={onClick} className={s.root}>
|
|
<div className="flex flex-1 items-center">
|
|
<CreditCard className="w-5 flex" />
|
|
<span className="ml-5 text-sm text-center font-medium">
|
|
Add Payment Method
|
|
</span>
|
|
{/* <span>VISA #### #### #### 2345</span> */}
|
|
</div>
|
|
<div>
|
|
<ChevronRight />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default PaymentWidget
|