init project portal web

components/module/action-table/index.tsx

@@ -0,0 +1,38 @@
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Download, Filter, Plus, Upload } from "lucide-react"
+
+interface Props {
+    onClickNew: () => void
+}
+
+const ActionTable = ({
+    onClickNew
+}: Props) => {
+    return (
+        <div className="flex gap-3 items-center mx-8 mt-4">
+            <Button className="max-w-[74.5px]" variant="default" onClick={onClickNew}>
+                <Plus/>
+                New
+            </Button>
+            <Button className="bg-[#299CDB]" variant="default">
+                <Download/>
+                Import
+            </Button>
+            <Button className="bg-[#E57000]" variant="default">
+                <Upload/>
+                Export
+            </Button>
+            <Input 
+                className="border-primary"
+                placeholder="Search for customer, email, phone, status or something.."
+            />
+            <Button className="bg-[#405189]" variant="default">
+                <Filter/>
+                Filter
+            </Button>
+        </div>
+    )
+}
+
+export default ActionTable