forked from crowetic/commerce
32 lines
903 B
TypeScript
32 lines
903 B
TypeScript
import { FC } from 'react'
|
|
import s from './ShippingWidget.module.css'
|
|
import { ChevronRight, MapPin, Check } from '@components/icons'
|
|
|
|
interface ComponentProps {
|
|
onClick?: () => any
|
|
isValid?: boolean
|
|
}
|
|
|
|
const ShippingWidget: FC<ComponentProps> = ({ onClick, isValid }) => {
|
|
/* 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">
|
|
<MapPin className="w-5 flex" />
|
|
<span className="ml-5 text-sm text-center font-medium">
|
|
Add Shipping Address
|
|
</span>
|
|
{/* <span>
|
|
1046 Kearny Street.<br/>
|
|
San Franssisco, California
|
|
</span> */}
|
|
</div>
|
|
<div>{isValid ? <Check /> : <ChevronRight />}</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default ShippingWidget
|