import Step from '../Step';
import StepInformation from '../StepInformation';
import staticText from '../../../assets/data/staticText.json'
import addressBackgroundImage from '../../../assets/img/stepBackgrounds/step1.jpg';
import AddressSearch from './AddressSearch';


const AddressStep = (props) => {

  const addressPanel = (
    <div className="p-5">
      <StepInformation
        title={staticText.steps.address.title}
        description={<p>{staticText.steps.address.description}</p>}
      />
      <div className="p-4">
        <AddressSearch {...props} />
      </div>
    </div>
  );

  return (
    <Step
      contentComponent={addressPanel}
      backgroundImage={addressBackgroundImage}
    />);
};

export default AddressStep;
