import React from 'react';
import { Input } from '@chakra-ui/core';

function OnboardingInput({ ...props }, ref) {
  return (
    <Input
      w='100%'
      h='58px'
      py='32px'
      rounded='3px'
      variant='outline'
      bgColor='#FDFDFF'
      mb={props.mb}
      type={props.type ? props.type : 'text'}
      name={props.name}
      label={props.label}
      placeholder={props.placeholder}
      ref={ref}
    />
  );
}

const forwardedInput = React.forwardRef(OnboardingInput);

export default forwardedInput;