Migrate to a monorepo structure (#2909)

packages/twenty-front/src/modules/spreadsheet-import/components/ContinueButton.tsx

@@ -0,0 +1,37 @@
+import styled from '@emotion/styled';
+
+import { CircularProgressBar } from '@/ui/feedback/progress-bar/components/CircularProgressBar';
+import { MainButton } from '@/ui/input/button/components/MainButton';
+import { Modal } from '@/ui/layout/modal/components/Modal';
+
+const StyledFooter = styled(Modal.Footer)`
+  height: 60px;
+  justify-content: center;
+  padding: 0px;
+  padding-left: ${({ theme }) => theme.spacing(30)};
+  padding-right: ${({ theme }) => theme.spacing(30)};
+`;
+
+const StyledButton = styled(MainButton)`
+  width: 200px;
+`;
+
+type ContinueButtonProps = {
+  onContinue: (val: any) => void;
+  title: string;
+  isLoading?: boolean;
+};
+
+export const ContinueButton = ({
+  onContinue,
+  title,
+  isLoading,
+}: ContinueButtonProps) => (
+  <StyledFooter>
+    <StyledButton
+      Icon={isLoading ? CircularProgressBar : undefined}
+      title={title}
+      onClick={!isLoading ? onContinue : undefined}
+    />
+  </StyledFooter>
+);