"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;