import { Box, TextField, Typography } from '@mui/material';

export default function StepAiPrompt({
  promptText,
  onChangePrompt,
}: {
  promptText: string;
  onChangePrompt: (v: string) => void;
}) {
  return (
    <Box>
      <Typography variant="subtitle1" sx={{ mb: 1 }}>AI Prompt</Typography>
      <TextField
        label="Instructions + context for AI generation"
        value={promptText}
        onChange={(e) => onChangePrompt(e.target.value)}
        fullWidth
        multiline
        minRows={6}
        placeholder="Describe the goal, audience, tone, outline, and reference transcript/image context to guide AI content generation."
      />
    </Box>
  );
}