table and filter reusable component

src/index.css

@@ -44,5 +44,38 @@ textarea::placeholder {
 @theme {
   --color-primary: #000000;
   --color-secondary: #eaecf4;
+  --color-border: #d0d0d0;
   --color-description: #888888;
+  --radius-2.5: 10px;
+}
+
+td {
+  @apply px-6 py-4 whitespace-nowrap text-xs;
+}
+.thead {
+  @apply h-[69px] bg-white text-sm text-[#8C90A3] rounded-3xl overflow-hidden;
+}
+.tr {
+  @apply w-full h-[74px] bg-white border-t border-[#EAEDF5] hover:bg-[#F4F5F9];
+}
+.action {
+  @apply h-[74px] bg-white flex items-center px-6;
+}
+
+.rmdp-input {
+  min-height: 40px;
+  background-color: white;
+  border-radius: 12px !important;
+  border: 1px solid #d0d0d0 !important;
+  font-size: 12px !important;
+  width: 100% !important;
+  margin: 0px;
+  padding-right: 16px !important;
+}
+.readOny .rmdp-input {
+  background-color: #f5f5f5 !important;
+  border: none !important;
+}
+.rmdp-container {
+  width: 100%;
 }