feat: Create OnboardingButton component

open-sauced · Jul 18, 2022 · 5056f6d · 5056f6d
1 parent 6ba3118
commit 5056f6d
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/components/molecules/OnboardingButton/onboarding-button.tsx 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;