Added modal ticket

src/components/UI/ModalTiket/ModalTiket.js

@@ -0,0 +1,22 @@
+import React from "react";
+import "./ModalTiket.scss";
+
+export const ModalTiket = ({ active, setActive }) => {
+  return (
+    <div
+      className={active ? "modal-tiket active" : "modal-tiket"}
+      onClick={() => setActive(false)}
+    >
+      <div
+        className="modal-tiket__content"
+        onClick={(e) => e.stopPropagation()}
+      >
+        <div className="colum author"></div>
+        <div className="colum content"></div>
+        <div className="colum workers"></div>
+      </div>
+    </div>
+  );
+};
+
+export default ModalTiket;

src/components/UI/ModalTiket/ModalTiket.scss

@@ -0,0 +1,36 @@
+.modal-tiket {
+  z-index: 9;
+  height: 100%;
+  width: 100%;
+  background-color: rgba(0, 0, 0, 0.11);
+  position: fixed;
+  top: 0;
+  left: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transform: scale(0);
+
+  .colum {
+    .author {
+    }
+    .content {
+    }
+
+    .workers {
+    }
+  }
+}
+
+.modal-tiket.active {
+  transform: scale(1);
+}
+
+.modal-tiket__content {
+  padding: 20px;
+  width: 700px;
+  height: 400px;
+  background: #ffffff;
+  border: 1px solid #dde2e4;
+  border-radius: 8px;
+}