ReactJS Evergreen Introduction

import React, { useState } from 'react'
import { RadioGroup } from 'evergreen-ui'

export default function App() {
    const [ageGroup, setAgeGroup] = useState('0-10 years')
    const [options] = useState([
        { label: 'radio1', value: 'radio1' },
        { label: 'radio2', value: 'radio2' },
        { label: 'radio3', value: 'radio3' },
        { label: 'radio4', value: 'radio4' },
        { label: 'radio5', value: ' radio5' },
    ])
    return (
        <div style={{ paddingLeft: 30 }}>
            <h2>Radio Component</h2>
            <RadioGroup
                value={ageGroup}
                options={options}
                onChange={e => setAgeGroup(e.target.value)}
            />
        </div>
    );
}

import React, { useState } from 'react'
import { Textarea } from 'evergreen-ui'

export default function App() {

    return (
        <div style={{ padding: "50px" }}>
            <h2>Enter Your text here</h2>
            <Textarea name="textarea-1" 
                placeholder="Textarea placeholder..." />
        </div>
    );
}