Collect customer detailsBeta

import React from 'react';
import {useCustomCheckout} from '@stripe/react-stripe-js';

const EmailInput = () => {
  const checkout = useCustomCheckout();
  const looksValid = checkout.email.test(/^\S+@\S+\.\S+$/);
  const handleChange = (e) => checkout.updateEmail(e.target.value);
  return (
    <input
      type="text"
      className={looksValid ? '' : 'invalid'}
      value={checkout.email}
      onChange={handleChange}
    />
  );
};

export default EmailInput;