adilallo
41 lines
1.1 KiB
TypeScript
41 lines
1.1 KiB
TypeScript
"use client";
|
|
|
|
import { memo } from "react";
|
|
import { useTranslation } from "../../../contexts/MessagesContext";
|
|
import { CreateFlowFooterView } from "./CreateFlowFooter.view";
|
|
import type { CreateFlowFooterProps } from "./CreateFlowFooter.types";
|
|
|
|
/**
|
|
* Figma: "Utility / CreateFlowFooter". Sticky footer for the
|
|
* create flow with a back action, optional secondary button, and progress bar.
|
|
*/
|
|
const CreateFlowFooterContainer = memo<CreateFlowFooterProps>(
|
|
({
|
|
secondButton,
|
|
progressBar = true,
|
|
proportionBarProgress,
|
|
proportionBarVariant,
|
|
onBackClick,
|
|
className = "",
|
|
footerAriaLabel,
|
|
}) => {
|
|
const t = useTranslation("controlsChrome");
|
|
|
|
return (
|
|
<CreateFlowFooterView
|
|
secondButton={secondButton}
|
|
progressBar={progressBar}
|
|
proportionBarProgress={proportionBarProgress}
|
|
proportionBarVariant={proportionBarVariant}
|
|
onBackClick={onBackClick}
|
|
className={className}
|
|
footerAriaLabel={footerAriaLabel ?? t("createFlowFooterAriaLabel")}
|
|
/>
|
|
);
|
|
},
|
|
);
|
|
|
|
CreateFlowFooterContainer.displayName = "CreateFlowFooter";
|
|
|
|
export default CreateFlowFooterContainer;
|