From 6a8372b37b58cc640a24a39819e1586cb903f8a8 Mon Sep 17 00:00:00 2001
From: lukman <lukman@lukmans-MacBook-Air.local>
Date: Wed, 3 Jul 2024 17:32:48 +0800
Subject: [PATCH] style : add search

---
 src/app/(application)/search/page.tsx  | 10 ++++++
 src/module/search/index.ts             |  3 ++
 src/module/search/view/view_search.tsx | 43 ++++++++++++++++++++++++++
 3 files changed, 56 insertions(+)
 create mode 100644 src/app/(application)/search/page.tsx
 create mode 100644 src/module/search/index.ts
 create mode 100644 src/module/search/view/view_search.tsx

diff --git a/src/app/(application)/search/page.tsx b/src/app/(application)/search/page.tsx
new file mode 100644
index 0000000..198a79b
--- /dev/null
+++ b/src/app/(application)/search/page.tsx
@@ -0,0 +1,10 @@
+import { ViewSearch } from '@/module/search';
+import React from 'react';
+
+function Page() {
+  return (
+    <ViewSearch/>
+  );
+}
+
+export default Page;
diff --git a/src/module/search/index.ts b/src/module/search/index.ts
new file mode 100644
index 0000000..c9195cd
--- /dev/null
+++ b/src/module/search/index.ts
@@ -0,0 +1,3 @@
+import ViewSearch from "./view/view_search";
+
+export {ViewSearch}
\ No newline at end of file
diff --git a/src/module/search/view/view_search.tsx b/src/module/search/view/view_search.tsx
new file mode 100644
index 0000000..7ad2edf
--- /dev/null
+++ b/src/module/search/view/view_search.tsx
@@ -0,0 +1,43 @@
+'use client'
+import { LayoutNavbarHome, WARNA } from '@/module/_global';
+import { ActionIcon, Box, Grid, Text, TextInput } from '@mantine/core';
+import { useRouter } from 'next/navigation';
+import React from 'react';
+import { HiChevronLeft, HiMagnifyingGlass } from 'react-icons/hi2';
+
+export default function ViewSearch() {
+  const router = useRouter()
+  return (
+    <>
+      <LayoutNavbarHome>
+        <Grid justify='center' align='center'>
+          <Grid.Col span="auto">
+            <ActionIcon variant="light" onClick={() => router.push('/home')} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
+              <HiChevronLeft size={20} color='white' />
+            </ActionIcon>
+          </Grid.Col>
+          <Grid.Col span={6}>
+            <Text ta={'center'} fw={'bold'} c={'white'} >PENCARIAN</Text>
+          </Grid.Col>
+          <Grid.Col span="auto"></Grid.Col>
+        </Grid>
+      </LayoutNavbarHome>
+      <Box p={20}>
+        <TextInput
+          styles={{
+            input: {
+              color: WARNA.biruTua,
+              borderRadius: WARNA.biruTua,
+              borderColor: WARNA.biruTua,
+            },
+          }}
+          size="md"
+          radius={30}
+          leftSection={<HiMagnifyingGlass size={20}/>}
+          placeholder="Pencarian"
+        />
+      </Box>
+    </>
+  );
+}
+