bin/cli/tui-components/MultilineInput.jsx

import React from "react";
import { Box, Text } from "ink";
import TextInput from "ink-text-input";

export function MultilineInput({ label, value, onChange, placeholder }) {
  return (
    <Box flexDirection="column">

      {label && (

        <Text bold dimColor>

          {label}

        </Text>

      )}

      <Box borderStyle="single" borderColor="gray" paddingX={1}>

        <TextInput value={value} onChange={onChange} placeholder={placeholder} />

      </Box>

    </Box>
  );
}