initial commit

2025-08-05 12:35:40 +07:00
commit fffa2ead5c
1069 changed files with 118056 additions and 0 deletions
@@ -0,0 +1,54 @@
+// MUI Imports
+import Typography from '@mui/material/Typography'
+import Button from '@mui/material/Button'
+
+// Component Imports
+import DirectionalIcon from '@components/DirectionalIcon'
+
+type Props = {
+  activeStep: number
+  isLastStep: boolean
+  handleNext: () => void
+  handlePrev: () => void
+}
+
+const Submit = ({ activeStep, isLastStep, handleNext, handlePrev }: Props) => {
+  return (
+    <div className='flex flex-col gap-6'>
+      <div className='flex flex-col items-center gap-4'>
+        <div className='flex flex-col items-center gap-1'>
+          <Typography variant='h5'>Submit</Typography>
+          <Typography variant='body2'>Submit to kickstart your project.</Typography>
+        </div>
+        <img alt='submit-img' src='/images/illustrations/characters/4.png' height={200} width={176} />
+      </div>
+      <div className='flex items-center justify-between'>
+        <Button
+          variant='tonal'
+          color='secondary'
+          disabled={activeStep === 0}
+          onClick={handlePrev}
+          startIcon={<DirectionalIcon ltrIconClass='tabler-arrow-left' rtlIconClass='tabler-arrow-right' />}
+        >
+          Previous
+        </Button>
+        <Button
+          variant='contained'
+          color={isLastStep ? 'success' : 'primary'}
+          onClick={handleNext}
+          endIcon={
+            isLastStep ? (
+              <i className='tablerr-check' />
+            ) : (
+              <DirectionalIcon ltrIconClass='tabler-arrow-right' rtlIconClass='tabler-arrow-left' />
+            )
+          }
+        >
+          {isLastStep ? 'Submit' : 'Next'}
+        </Button>
+      </div>
+    </div>
+  )
+}
+
+export default Submit