import * as React from 'react'

const WizardStep: React.FC<React.PropsWithChildren<{ children?: React.ReactNode }>> = React.memo(
  ({ children }) => {
    return (
      <div className="container">
        {children}
        <style jsx>{`
          .container {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: stretch;
            padding-bottom: 6rem;
            justify-content: grow;
          }
        `}</style>
      </div>
    )
  }
)

WizardStep.displayName = 'WizardStep'

export default WizardStep
