void }) => (
+
+ )}
+ confirmLabel="Enregistrer les options"
+ onConfirm={() => {
+ dispatch(
+ answerQuestion(
+ DOTTEDNAME_SOCIETE_IMPOT,
+ impotValue as PublicodesExpression
+ )
+ )
+
+ const versementLibératoireValuePassed =
+ versementLiberatoireValue === null
+ ? defaultValueVersementLiberatoire
+ : versementLiberatoireValue
+ dispatch(
+ answerQuestion(
+ DOTTEDNAME_SOCIETE_VERSEMENT_LIBERATOIRE,
+ versementLibératoireValuePassed ? 'oui' : 'non'
+ )
+ )
+
+ const acreValuePassed =
+ acreValue === null ? defaultValueACRE : acreValue
+ dispatch(
+ answerQuestion(DOTTEDNAME_ACRE, acreValuePassed ? 'oui' : 'non')
+ )
+
+ if (AEAcreValue !== null) {
+ setIsAutoEntrepreneurACREEnabled(AEAcreValue)
+ }
+ }}
+ onCancel={() => {
+ setAcreValue(null)
+ setVersementLiberatoireValue(null)
+ }}
+ >
+ <>
+
+ Aller plus loin sur les revenus
+
+
+ Calculer vos revenus
+
+
+
+ {t(
+ 'comparateur.allerPlusLoin.tableCaption',
+ "Tableau affichant le détail du calcul du revenu net pour la SASU, l'entreprise individuelle (EI) et l'auto-entreprise (AE)."
+ )}
+
+
+
+ | Type de structure |
+
+
+ SASU
+
+ |
+
+
+
+
+ EI
+
+
+ |
+
+
+
+
+ AE
+
+
+ |
+
+
+
+
+ |
+
+ -
+ {' '}
+ Chiffre d'affaires
+ |
+
+
+
+
+ |
+
+
+ |
+ - Charges
+ |
+
+
+
+
+ |
+
+
+ |
+ -{' '}
+ Cotisations
+ |
+
+
+
+
+ |
+
+
+
+
+ |
+
+
+
+
+ |
+
+
+ |
+ - Impôts
+ |
+
+
+
+
+ |
+
+
+
+
+ |
+
+
+
+
+ |
+
+
+
+
+ |
+
+ -
+ {' '}
+
+ Revenu net
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+ Bénéficier de l'ACRE
+
+
+
+
+ L'aide à la création ou à la reprise d'une entreprise (Acre) consiste
+ en une exonération partielle de charges sociales,
+ dite exonération de début d'activité pendant 12 mois.
+
+ {
+ // TODO : décommenter une fois le simulateur créé
+
+ }
+ Choisir mon option de simulation
+
+
+ setAcreValue(value)}
+ defaultSelected={defaultValueACRE as boolean}
+ />
+
+
+
+ {(acreValue || defaultValueACRE) && (
+ <>
+
+ Les{' '}
+
+ conditions d'accès
+ {' '}
+ à l'ACRE sont plus restrictives pour les auto-entrepreneurs.
+
+
+ setAEAcreValue(value)}
+ defaultSelected={isAutoEntrepreneurACREEnabled}
+ />
+
+
+
+ )}
+
+
+
+
+ Impôt sur le revenu, impôt sur les sociétés : que choisir ?
+
+
+ L’EI et la SASU permettent de{' '}
+
+ choisir entre l’imposition sur les sociétés et sur le revenu
+ {' '}
+ durant les 5 premières années. En auto-entreprise (AE), c’est l’
+ impôt sur le revenu qui est appliqué automatiquement
+ ; dans certaines situations, vous pouvez aussi opter pour le{' '}
+
+
+ versement libératoire
+
+
+ .
+
+ Choisir mon option de simulation (pour EI)
+
+
+
+
+
+
+
+
+ À ce jour, ce comparateur ne prend pas en compte le calcul de
+ l'impôt sur le revenu pour les SASU. La modification du
+ paramètre ci-dessous influera donc uniquement les calculs liés
+ au statut d'entreprise individuelle (EI).
+
+
+
+
+
+ {
+ setImpotValue(String(value))
+ }}
+ key="imposition"
+ aria-labelledby="questionHeader"
+ engine={indépendantEngine}
+ />
+
+
+ Choisir mon option de versement libératoire (pour AE){' '}
+
+
+
+
+
+
+
+
+ )
+}
+
+const StyledTag = styled(Tag)<{ $color: TagType }>`
+ width: 100%;
+ justify-content: center;
+ font-size: 0.75rem;
+`
+
+const Minus = styled.span`
+ color: ${({ theme }) => theme.colors.bases.secondary[500]};
+ margin-right: ${({ theme }) => theme.spacings.sm};
+`
+
+const StyledStrong = styled(Strong)`
+ font-family: ${({ theme }) => theme.fonts.main};
+`
+
+const Flex = styled.div`
+ display: flex;
+ align-items: baseline;
+`
+
+const FlexCentered = styled.div`
+ display: flex;
+ align-items: center;
+`
+
+const Label = styled.label`
+ margin-left: ${({ theme }) => theme.spacings.md};
+ font-family: ${({ theme }) => theme.fonts.main};
+ font-size: 1rem;
+`
+
+const StyledArrowRightIcon = styled(ArrowRightIcon)`
+ margin-left: ${({ theme }) => theme.spacings.sm};
+`
+
+const StyledTable = styled.table`
+ width: 100%;
+ text-align: left;
+ font-family: ${({ theme }) => theme.fonts.main};
+ border-collapse: separate;
+ border-spacing: 0.5rem;
+ border: transparent;
+
+ tr {
+ border-spacing: ${({ theme }) => theme.spacings.md}!important;
+ }
+
+ thead th {
+ text-align: center;
+ font-size: 0.75rem;
+ }
+ .table-title-sasu {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: ${({ theme }) => theme.colors.bases.secondary[600]};
+ svg {
+ fill: ${({ theme }) => theme.colors.bases.secondary[600]};
+ margin-right: ${({ theme }) => theme.spacings.xxs};
+ }
+ }
+ .table-title-ei {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: ${({ theme }) => theme.colors.publics.independant[600]};
+ svg {
+ fill: ${({ theme }) => theme.colors.publics.independant[600]};
+ margin-right: ${({ theme }) => theme.spacings.xxs};
+ }
+ }
+ .table-title-ae {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: ${({ theme }) => theme.colors.bases.tertiary[500]};
+ svg {
+ fill: ${({ theme }) => theme.colors.bases.tertiary[500]};
+ margin-right: ${({ theme }) => theme.spacings.xxs};
+ }
+ }
+
+ tbody th {
+ font-weight: normal;
+ }
+
+ tbody tr:last-of-type td {
+ padding-bottom: 0.5rem;
+ }
+
+ tfoot {
+ position: relative;
+ }
+
+ tfoot:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ height: 1px;
+ background-color: ${({ theme }) => theme.colors.extended.grey[500]};
+ }
+ tfoot td,
+ tfoot th {
+ padding-top: 1rem;
+ }
+`
+
+export default AllerPlusLoinRevenus
diff --git a/site/source/pages/Simulateurs/ComparateurStatuts/components/Comparateur.tsx b/site/source/pages/Simulateurs/ComparateurStatuts/components/Comparateur.tsx
new file mode 100644
index 000000000..90d77ad5d
--- /dev/null
+++ b/site/source/pages/Simulateurs/ComparateurStatuts/components/Comparateur.tsx
@@ -0,0 +1,123 @@
+import Engine from 'publicodes'
+import { useTranslation } from 'react-i18next'
+import { Route, Routes, redirect, useNavigate } from 'react-router-dom'
+
+import { DottedName } from '@/../../modele-social'
+import PeriodSwitch from '@/components/PeriodSwitch'
+import Simulation, {
+ SimulationGoal,
+ SimulationGoals,
+} from '@/components/Simulation'
+import { Spacing } from '@/design-system/layout'
+import Popover from '@/design-system/popover/Popover'
+import Documentation from '@/pages/Documentation'
+import { useSitePaths } from '@/sitePaths'
+
+import Détails from './Détails'
+import Résultats from './Résultats'
+
+type ComparateurProps = {
+ engines: [Engine