feat: implement news layout components and context for improved structure and functionality

2025-02-22 17:34:25 +08:00
parent d9c36c5ff0
commit 77c9843267
11 changed files with 110 additions and 49 deletions
@@ -0,0 +1,22 @@
+import { SearchIcon } from '~/components/icons/search'
+import { Button } from '~/components/ui/button'
+
+export const HeaderSearch = () => {
+  return (
+    <form className="flex flex-1 justify-between gap-[15px] px-[35px]">
+      <input
+        placeholder="Cari..."
+        className="flex-1 text-xl placeholder:text-white focus:ring-0 focus:outline-none sm:text-2xl"
+        size={1}
+      />
+      <Button
+        type="submit"
+        variant="icon"
+        size="icon"
+        className="[&_svg]:size-[20px] sm:[&_svg]:size-[30px]"
+      >
+        <SearchIcon />
+      </Button>
+    </form>
+  )
+}