Ask organizer modal implemented

app/components/modals/Create/Create.container.tsx

@@ -14,6 +14,7 @@ const CreateContainer = memo<CreateProps>(
     headerContent,
     children,
     footerContent,
+    footerClassName,
     showBackButton = true,
     showNextButton = true,
     onBack,
@@ -47,6 +48,7 @@ const CreateContainer = memo<CreateProps>(
         // eslint-disable-next-line react/no-children-prop
         children={children}
         footerContent={footerContent}
+        footerClassName={footerClassName}
         showBackButton={showBackButton}
         showNextButton={showNextButton}
         onBack={onBack}

app/components/modals/Create/Create.types.ts

@@ -12,6 +12,8 @@ export interface CreateProps {
   headerContent?: React.ReactNode;
   children?: React.ReactNode;
   footerContent?: React.ReactNode;
+  /** Optional class on {@link ModalFooter} shell (e.g. taller custom footer). */
+  footerClassName?: string;
   showBackButton?: boolean;
   showNextButton?: boolean;
   onBack?: () => void;
@@ -51,6 +53,7 @@ export interface CreateViewProps {
   headerContent?: React.ReactNode;
   children?: React.ReactNode;
   footerContent?: React.ReactNode;
+  footerClassName?: string;
   showBackButton: boolean;
   showNextButton: boolean;
   onBack?: () => void;

app/components/modals/Create/Create.view.tsx

@@ -14,6 +14,7 @@ export function CreateView({
   headerContent,
   children,
   footerContent,
+  footerClassName,
   showBackButton,
   showNextButton,
   onBack,
@@ -82,6 +83,7 @@ export function CreateView({
         totalSteps={totalSteps}
         stepper={stepper}
         footerContent={footerContent}
+        className={footerClassName}
       />
     </CreateModalFrameView>
   );