@nexusui/components/core/Comments/CommentField/CommentInput/CommentInput.js

These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.

"use client";
import{jsxs as t,jsx as a}from"react/jsx-runtime";import i from"react";import e from"@mui/material/Stack";import{CommentTextField as o}from"./CommentTextField.js";import{StatusAvatar as n}from"../../../StatusAvatar/StatusAvatar.container.js";import{CommentRichTextInput as m}from"../../CommentRichText/CommentRichTextInput.js";const r="NexusCommentInput",s=i.forwardRef(((i,s)=>{const{author:l,initialComment:d,initialAttachments:c,initialTags:h,initialMetadata:p,onSave:u,onCommentChange:C,onCancel:x,placeholder:f,statusMapping:g,sx:T,autoFocus:v,disabled:A=!1,mode:S="plaintext",richTextConfig:b,state:j="add",...w}=i;return t(e,{direction:"row",alignItems:"start","data-testid":`${r}-root`,className:`${r}-root`,width:"100%",sx:[...Array.isArray(T)?T:[T]],...w,ref:s,children:[a(n,{sx:{width:40,height:40},statusMapping:g,...l,status:void 0,disabled:A}),"plaintext"===S?a(o,{initialComment:d,onSave:u,onCommentChange:C,onCancel:x,placeholder:f,autoFocus:v,disabled:A,state:j}):a(m,{sx:{ml:4},richTextConfig:b,initialComment:d,initialAttachments:c,initialTags:h,initialMetadata:p,onSave:u,onCommentChange:C,onCancel:x,placeholder:f,autoFocus:v,disabled:A,state:j})]})}));export{s as CommentInput};