import { FC } from 'react' import cn from 'clsx' import { CardNumberElement, CardExpiryElement, CardCvcElement, useStripe, useElements } from '@stripe/react-stripe-js' import useAddCard from '@framework/customer/card/use-add-item' import { Button, Text } from '@components/ui' import { useUI } from '@components/ui/context' import SidebarLayout from '@components/common/SidebarLayout' import countries from '@lib/countries' import s from './PaymentMethodView.module.css' interface Form extends HTMLFormElement { cardHolder: HTMLInputElement cardNumber: HTMLInputElement cardExpireDate: HTMLInputElement cardCvc: HTMLInputElement firstName: HTMLInputElement lastName: HTMLInputElement company: HTMLInputElement streetNumber: HTMLInputElement zipCode: HTMLInputElement city: HTMLInputElement country: HTMLSelectElement } const PaymentMethodView: FC = () => { const { paymentMethodDetails, setPaymentMethodDetails, setSidebarView } = useUI() const { address } = paymentMethodDetails const addCard = useAddCard() const stripe = useStripe() const elements = useElements() async function handleSubmit(event: React.ChangeEvent
) } export default PaymentMethodView