adilallo
45 lines
1.2 KiB
TypeScript
45 lines
1.2 KiB
TypeScript
"use client";
|
|
|
|
import { memo } from "react";
|
|
import DecisionMakingSidebarView from "./DecisionMakingSidebar.view";
|
|
import type { DecisionMakingSidebarProps } from "./DecisionMakingSidebar.types";
|
|
|
|
/**
|
|
* Figma: "Utility / DecisionMakingSidebar" (TODO(figma)). Sidebar pairing a
|
|
* header lockup with an `InfoMessageBox` checklist for decision-making screens.
|
|
*/
|
|
const DecisionMakingSidebarContainer = memo<DecisionMakingSidebarProps>(
|
|
({
|
|
title,
|
|
description,
|
|
messageBoxTitle,
|
|
messageBoxItems,
|
|
messageBoxCheckedIds,
|
|
onMessageBoxCheckboxChange,
|
|
size: sizeProp = "L",
|
|
justification: justificationProp = "left",
|
|
className = "",
|
|
}) => {
|
|
const size = sizeProp;
|
|
const justification = justificationProp;
|
|
|
|
return (
|
|
<DecisionMakingSidebarView
|
|
title={title}
|
|
description={description}
|
|
messageBoxTitle={messageBoxTitle}
|
|
messageBoxItems={messageBoxItems}
|
|
messageBoxCheckedIds={messageBoxCheckedIds}
|
|
onMessageBoxCheckboxChange={onMessageBoxCheckboxChange}
|
|
size={size}
|
|
justification={justification}
|
|
className={className}
|
|
/>
|
|
);
|
|
},
|
|
);
|
|
|
|
DecisionMakingSidebarContainer.displayName = "DecisionMakingSidebar";
|
|
|
|
export default DecisionMakingSidebarContainer;
|