feat: create reusable action button component

src/components/index.ts

@@ -1,4 +1,5 @@
 // Interface(reusable) components
 import Input from "./interface/Input";
+import ActionButton from "./interface/ActionButton";
 
-export { Input };
+export { Input, ActionButton };

src/components/interface/ActionButton.tsx

@@ -0,0 +1,13 @@
+interface Props {
+    text: string;
+}
+
+function ActionButton({ text }: Props) {
+    return (
+        <button className="btn btn-primary bg-primary border-none hover:bg-accent normal-case w-full">
+            {text} &rarr;
+        </button>
+    );
+}
+
+export default ActionButton;

tailwind.config.js

@@ -6,6 +6,7 @@ export default {
             colors: {
                 primary: "#D36C31",
                 secondary: "#F1B898",
+                accent: "#D97B45",
                 background: "#FEFEFE",
                 text: "#000000",
                 offtext: "#6E6E6E",