38 lines
938 B
TypeScript
38 lines
938 B
TypeScript
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>
|
|
);
|