text: import React from 'react';
  import PropTypes from 'prop-types';
  
  import { Input, Button } from '@smooth-ui/core-sc';
  import * as Styled from './Form.style';
  
  const Form = ({ onSubmit }) => (
    <Styled.Form 
      onSubmit={onSubmit}
    >
      <Input 
        width={1} 
        type="number" 
        textAlign="center" 
        fontSize={22} 
        minHeight={40} 
        name="guess" 
        min="1" 
        max="100" 
        placeholder="Enter your guess" 
        required
      />
      <Button 
        variant="success" 
        width={1} 
        mt={10} 
        minHeight={40} 
        fontSize={22} 
        type="submit"
      >
        Guess
      </Button>
    </Styled.Form>
  );
  
  Form.propTypes = {
    onSubmit: PropTypes.func.isRequired,
  };
  
  export default Form;