"use client";

import { CharacterRemaining } from "@/components/character-remaining";
import { composerRemainingId, useComposerDraft } from "@/components/chat-composer";

export function ComposerCharacterRemaining({ maxLength }: { maxLength: number }) {
  const draft = useComposerDraft();
  return <CharacterRemaining id={composerRemainingId} length={draft.length} maxLength={maxLength} />;
}