import Step from '../Step';
import ZoneSelector from './ZoneSelector' 
import StepInformation from '../StepInformation';
import staticText from '../../../assets/data/staticText.json'

export default function ZoneStep(props) {
    const zoneInfoPanel = (
        <StepInformation
            title={staticText.steps.zone.title}
            description={<p>{staticText.steps.zone.description}</p>}
        />
    )

    const zoneSelectionPanel = (
        <ZoneSelector {...props} />
    )

    return (
        <Step informationComponent={zoneInfoPanel} selectionComponent={zoneSelectionPanel} />
    )
}