subscribe cards

src/component/subscribe/SubcribePaymentOptions.jsx

@@ -0,0 +1,30 @@
+import React from 'react'
+
+export default function SubcribePaymentOptions(){
+
+    return <>
+
+
+                <div className="card-header">
+                    <div className="card-heading">
+                        <h4 className="card-title">Select Payment Option</h4>
+                    </div>
+                </div>
+                <div className="card-body">
+
+                    <div className="form-check form-check-inline">
+                        <input className="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1"
+                               value="option1" />
+                            <label className="form-check-label" htmlFor="inlineRadio1">Previous Cards</label>
+                    </div>
+                    <div className="form-check form-check-inline">
+                        <input className="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2"
+                               value="option2" />
+                            <label className="form-check-label" htmlFor="inlineRadio2">Add New card</label>
+                    </div>
+                </div>
+                {/*<div className="card card-statistics"> </div>*/}
+
+    </>
+
+}

src/component/subscribe/SubscribeNewCard.jsx

@@ -0,0 +1,6 @@
+import React from 'react'
+export default function SubscribeNewCard(){
+
+    return <>Previous Card</>
+
+}

src/component/subscribe/SubscribePreviousCard.jsx

@@ -0,0 +1,6 @@
+import React from 'react'
+export default function SubscribePreviousCard(){
+
+    return <>Previous Card</>
+
+}