refactor: refactor superadmin modules

src/components/data-table/TableSearchInput.tsx

@@ -0,0 +1,37 @@
+'use client';
+
+import { Search } from 'lucide-react';
+
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupInput,
+} from '@/components/ui/input-group';
+import { cn } from '@/lib/utils';
+
+interface TableSearchInputProps {
+  value: string;
+  onChange: (value: string) => void;
+  placeholder?: string;
+  className?: string;
+}
+
+export function TableSearchInput({
+  value,
+  onChange,
+  placeholder = 'Search...',
+  className,
+}: TableSearchInputProps) {
+  return (
+    <InputGroup className={cn('md:max-w-xs', className)}>
+      <InputGroupAddon>
+        <Search />
+      </InputGroupAddon>
+      <InputGroupInput
+        value={value}
+        onChange={(event) => onChange(event.target.value)}
+        placeholder={placeholder}
+      />
+    </InputGroup>
+  );
+}