import React from 'react';
import 'react-toastify/dist/ReactToastify.css';
import { SimpliPayCheckoutProps } from '../types';
import '../styles/checkout.css';
/**
 * SimpliPay Checkout Component
 *
 * A complete checkout modal for accepting card payments via SimpliPay.
 *
 * @example
 * ```tsx
 * import { SimpliPayCheckout } from '@simplipayng/checkout';
 *
 * function App() {
 *   const [isOpen, setIsOpen] = useState(false);
 *
 *   return (
 *     <SimpliPayCheckout
 *       isOpen={isOpen}
 *       config={{
 *         publicKey: 'pk_test_xxxxx',
 *         environment: 'development'
 *       }}
 *       paymentData={{
 *         email: 'customer@example.com',
 *         phone: '+2348012345678',
 *         amount: 5000,
 *         currency: 'NGN',
 *         transactionRef: 'TXN-123',
 *         customerId: 'CUST-456'
 *       }}
 *       callbacks={{
 *         onSuccess: (result) => console.log('Success:', result),
 *         onError: (error) => console.error('Error:', error),
 *         onClose: () => setIsOpen(false)
 *       }}
 *     />
 *   );
 * }
 * ```
 */
declare const SimpliPayCheckout: React.FC<SimpliPayCheckoutProps>;
export default SimpliPayCheckout;
export { SimpliPayCheckout };