From e815e607d4daec6c728af948a2b67022d7bababb Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Sat, 8 Feb 2025 23:48:19 +0330
Subject: [PATCH] changed page title

---
 .../components/profile/ProfilePageTitle.vue   | 30 +++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 frontend/components/profile/ProfilePageTitle.vue

diff --git a/frontend/components/profile/ProfilePageTitle.vue b/frontend/components/profile/ProfilePageTitle.vue
new file mode 100644
index 0000000..5791e84
--- /dev/null
+++ b/frontend/components/profile/ProfilePageTitle.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+// types
+
+type Props = {
+    title: string;
+    icon: string;
+};
+
+// props
+
+defineProps<Props>();
+</script>
+
+<template>
+    <div
+        class="flex items-center justify-between w-full gap-3 px-5 py-4 rounded-xl bg-slate-50 border border-slate-200"
+    >
+        <div class="flex items-center w-full gap-3 lg:w-1/2">
+            <button class="flex-center lg:hidden">
+                <Icon name="bi:chevron-right" size="24" class="**:fill-black" />
+            </button>
+            <p class="font-semibold lg:text-lg text-black">
+                {{ title }}
+            </p>
+        </div>
+        <Icon :name="icon" size="24" class="**:fill-black" />
+    </div>
+</template>
+
+<style scoped></style>