import FormatSelector from './FormatSelector'
import { TextInput } from '../../form'
import BlockInstanceInputs from './BlockInstanceInputs'
import {
emptyBlockInstance,
emptyExercise,
emptyExerciseInstance
} from '../utils'
import ExerciseInstanceInputs from './ExerciseInstanceInputs'
import { TBlock } from '../types'
import { useState, ChangeEvent } from 'react'
import BlockSelector from './BlockSelector'
interface IBlockInputs {
onChange: GenericEventHandler
value: TBlock
name: string
}
const BlockInputs = ({ onChange, value, name }: IBlockInputs) => {
return (
<>
{value.id} {value.title}
{value.blocks && value.blocks.length > 0 && (
)}
{value.exercises && value.exercises.length > 0 && (
)}
>
)
}
export default BlockInputs