From aa4094669d7c822db8c72b012ce2c21470ac4e28 Mon Sep 17 00:00:00 2001
From: Wahyu Kurniawan <ayungavis@gmail.com>
Date: Tue, 5 Mar 2024 16:16:20 +0700
Subject: [PATCH] =?UTF-8?q?=E2=9A=A1=EF=B8=8F=20feat:=20create=20logo=20co?=
 =?UTF-8?q?mponent?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/components/Logo.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 packages/frontend/src/components/Logo.tsx

diff --git a/packages/frontend/src/components/Logo.tsx b/packages/frontend/src/components/Logo.tsx
new file mode 100644
index 00000000..1c4c7daf
--- /dev/null
+++ b/packages/frontend/src/components/Logo.tsx
@@ -0,0 +1,22 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { Heading } from './shared/Heading';
+
+interface LogoProps {
+  orgSlug?: string;
+}
+
+export const Logo = ({ orgSlug }: LogoProps) => {
+  return (
+    <Link to={`/${orgSlug}`}>
+      <div className="flex items-center gap-3 px-0 lg:px-2">
+        <img
+          src="/logo.svg"
+          alt="Snowball Logo"
+          className="h-10 w-10 rounded-lg"
+        />
+        <Heading className="text-[24px] font-semibold">Snowball</Heading>
+      </div>
+    </Link>
+  );
+};