checkout panel create

com.twin.app.shoptime/src/views/CheckOutPanel/CheckOutPanel.jsx

@@ -0,0 +1,36 @@
+import React from "react";
+
+import { useDispatch } from "react-redux";
+
+import { popPanel } from "../../actions/panelActions";
+import TBody from "../../components/TBody/TBody";
+import THeader from "../../components/THeader/THeader";
+import TPanel from "../../components/TPanel/TPanel";
+import TScroller from "../../components/TScroller/TScroller";
+import css from "./CheckOutPanel.module.less";
+import InformationContainer from "./container/InformationContainer";
+import SummaryContainer from "./container/SummaryCotainer";
+
+export default function CheckOutPanel() {
+  const dispatch = useDispatch();
+
+  const onBackClick = () => {
+    dispatch(popPanel());
+  };
+  return (
+    <TPanel isTabActivated={false}>
+      <THeader
+        className={css.theader}
+        title="CHECKOUT"
+        onBackButton
+        onClick={onBackClick}
+      />
+      <TBody className={css.tbody}>
+        <div className={css.Wrap}>
+          <SummaryContainer />
+          <InformationContainer />
+        </div>
+      </TBody>
+    </TPanel>
+  );
+}