From 5056f6d749c18894da9fb38c8f928ef9280f2401 Mon Sep 17 00:00:00 2001
From: WAGMI Times <wagmitimes@gmail.com>
Date: Mon, 18 Jul 2022 19:59:46 -0300
Subject: [PATCH] feat: Create OnboardingButton component

---
 .../OnboardingButton/onboarding-button.tsx       | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 components/molecules/OnboardingButton/onboarding-button.tsx

diff --git a/components/molecules/OnboardingButton/onboarding-button.tsx b/components/molecules/OnboardingButton/onboarding-button.tsx
new file mode 100644
index 0000000000..4a8576ebd6
--- /dev/null
+++ b/components/molecules/OnboardingButton/onboarding-button.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+import Text from "components/atoms/Typography/text";
+import ProgressPie from "components/atoms/ProgressPie/progress-pie";
+
+const OnboardingButton: React.FC = () => {
+  return (
+    <button className="flex items-center gap-2 border border-slate-200 py-1 px-1 pr-3 rounded-lg">
+      <ProgressPie percentage={30} />
+      <Text className="text-sm font-semibold ">
+        Complete the onboarding
+      </Text>
+    </button>
+  );
+};
+
+export default OnboardingButton;
\ No newline at end of file