From 4ab8033a133a976b3423bebceba00a2b72f0c976 Mon Sep 17 00:00:00 2001
From: Robert <robertsolovev39@gmail.com>
Date: Thu, 7 Mar 2024 05:33:14 +0700
Subject: [PATCH] header

---
 src/widgets/header/index.ts      |  1 +
 src/widgets/header/ui/Header.tsx | 17 +++++++++++++++++
 2 files changed, 18 insertions(+)
 create mode 100644 src/widgets/header/index.ts
 create mode 100644 src/widgets/header/ui/Header.tsx

diff --git a/src/widgets/header/index.ts b/src/widgets/header/index.ts
new file mode 100644
index 0000000..1bb1c15
--- /dev/null
+++ b/src/widgets/header/index.ts
@@ -0,0 +1 @@
+export { default as Header } from "./ui/Header";
diff --git a/src/widgets/header/ui/Header.tsx b/src/widgets/header/ui/Header.tsx
new file mode 100644
index 0000000..22b1dd0
--- /dev/null
+++ b/src/widgets/header/ui/Header.tsx
@@ -0,0 +1,17 @@
+export default function Header() {
+  return (
+    <header className="relative flex h-[45px] overflow-hidden bg-[#0F0147]">
+      <div className="flex h-full items-center px-[20px]">
+        <img
+          src="/logo.svg"
+          alt="Logo"
+          draggable={false}
+          className="h-[24px] w-auto select-none"
+        />
+      </div>
+
+      <div className="absolute left-[125px] top-1/2 h-[200px] w-[200px] -translate-y-1/2 rotate-45 bg-[#23155B]" />
+      <div className="f-full relative z-10 ml-20 grow bg-[#23155B]"></div>
+    </header>
+  );
+}