23 lines
776 B
TypeScript
23 lines
776 B
TypeScript
/**
|
|
* @file components/chat/ChatInput.tsx
|
|
* @description Client component providing an input field for composing and sending chat messages.
|
|
*/
|
|
|
|
/**
|
|
* Renders the input container component for sending messages in a chat channel.
|
|
*
|
|
* @returns {JSX.Element} The rendered chat input UI element.
|
|
*/
|
|
export function ChatInput() {
|
|
return (
|
|
<div className="p-3 md:p-4 bg-background shrink-0">
|
|
<div className="bg-surface border border-surface rounded-lg p-2.5 flex items-center focus-within:ring-1 focus-within:ring-accent transition-all">
|
|
<input
|
|
type="text"
|
|
placeholder="Nachricht an #allgemein"
|
|
className="w-full bg-transparent outline-none text-foreground placeholder-muted text-sm"
|
|
/>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|