implement demo with dummy payment method registration

assets/js/blocks/cart-checkout/checkout/block.js

@@ -16,6 +16,7 @@ import {
  * Internal dependencies
  */
 import './style.scss';
+import '../../../payment-methods-demo';
 
 /**
  * Component displaying an attribute filter.

assets/js/payment-methods-demo/express-payment/index.js

@@ -0,0 +1,13 @@
+/**
+ * Internal dependencies
+ */
+import { applePayImage } from './apple-pay';
+import { paypalImage } from './paypal';
+
+export const ExpressApplePay = () => {
+	return <img src={ applePayImage } alt="" />;
+};
+
+export const ExpressPaypal = () => {
+	return <img src={ paypalImage } alt="" />;
+};

assets/js/payment-methods-demo/index.js

@@ -0,0 +1,18 @@
+/**
+ * External dependencies
+ */
+import {
+	registerExpressPaymentMethod,
+	registerPaymentMethod,
+} from '@woocommerce/blocks-registry';
+
+/**
+ * Internal dependencies
+ */
+import { ExpressApplePay, ExpressPaypal } from './express-payment';
+import { PaypalPaymentMethod, ccPaymentMethod } from './payment-methods';
+
+registerExpressPaymentMethod( 'applepay', ExpressApplePay );
+registerExpressPaymentMethod( 'paypal', ExpressPaypal );
+registerPaymentMethod( 'paypal', PaypalPaymentMethod );
+registerPaymentMethod( 'cc', ccPaymentMethod );

assets/js/payment-methods-demo/payment-methods/index.js

@@ -0,0 +1,25 @@
+/**
+ * Internal dependencies
+ */
+import { paypalSvg } from './paypal';
+import { ccSvg } from './cc';
+
+export const PaypalPaymentMethod = {
+	tab: () => <img src={ paypalSvg } alt="" />,
+	content: () => (
+		<div>
+			<p>This is where paypal payment method stuff would be.</p>
+		</div>
+	),
+	ariaLabel: 'paypal payment method',
+};
+
+export const ccPaymentMethod = {
+	tab: () => <img src={ ccSvg } alt="" />,
+	content: () => (
+		<div>
+			<p>This is where cc payment method stuff would be.</p>
+		</div>
+	),
+	ariaLabel: 'credit-card-payment-method',
+};