From 65e3833cd51ca78a66d32d4d82b20365d354eea5 Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Sat, 4 Oct 2025 12:19:15 +0700
Subject: [PATCH] feat(FE-43): create RowDropdownOptions component

---
 src/components/table/RowDropdownOptions.tsx | 33 +++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 src/components/table/RowDropdownOptions.tsx

diff --git a/src/components/table/RowDropdownOptions.tsx b/src/components/table/RowDropdownOptions.tsx
new file mode 100644
index 00000000..1f1bc81b
--- /dev/null
+++ b/src/components/table/RowDropdownOptions.tsx
@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+
+import { Icon } from '@iconify/react';
+import Button from '@/components/Button';
+
+import { cn } from '@/lib/helper';
+
+interface RowDropdownOptionsProps {
+  children?: ReactNode;
+  isLast2Rows: boolean;
+}
+
+const RowDropdownOptions = ({
+  children,
+  isLast2Rows,
+}: RowDropdownOptionsProps) => {
+  return (
+    <div
+      className={cn('dropdown dropdown-left', {
+        'dropdown-start': !isLast2Rows,
+        'dropdown-end': isLast2Rows,
+      })}
+    >
+      <Button tabIndex={0}>
+        <Icon icon='material-symbols:more-vert' width={16} height={16} />
+      </Button>
+
+      {children}
+    </div>
+  );
+};
+
+export default RowDropdownOptions;