import { Box } from '@mui/material' ; import Input from 'components/StoryForm/Input' ; import Checkbox from '../Checkbox' ; import Wysiwyg from '../Wysiwyg' ; interface Props { itemIndex : number ; } export default function Text ( { itemIndex } ) { return ( < > < Box my = { 4 } > < Input key = { `items.${ itemIndex }.title` } name = { `items.${ itemIndex }.title` as const } label = "Title" placeholder = "Your text here" / > < /Box> < Box my = { 4 } > < Wysiwyg key = { `items.${ itemIndex }.subtitle` } name = { `items.${ itemIndex }.subtitle` as const } label = "Subtitle" placeholder = "Your text here" / > < /Box> < Box my = { 4 } > < Wysiwyg key = { `items.${ itemIndex }.introduction` } name = { `items.${ itemIndex }.introduction` as const } label = "Introduction" placeholder = "Your text here" / > < /Box> < Box my = { 4 } > < Checkbox key = { `items.${ itemIndex }.light` } name = { `items.${ itemIndex }.light` as const } label = "Black text on white background" / > < /Box> < Box my = { 4 } > < Input key = { `items.${ itemIndex }.navigationTitle` } name = { `items.${ itemIndex }.navigationTitle` as const } label = "Navigation Title" autoFocus / > < /Box> < />); }