import { Col, Divider, Form, Radio, Row, Select } from 'antd';
import { useState, useEffect } from 'react'
import ZoneSelector from '../../../../common/ZoneSelector';
import CdzyApi from '../../../../../utils/apis/CdzyApi';


export default function CdthFilter(props) {
    const [form] = Form.useForm();

    useEffect(() => {
        form.setFieldsValue({
            area_code: "-1",
            degradation_level: "-1"
        })
    }, [form])

    return <Form form={form} layout={"vertical"}>
        <Form.Item label="行政地域" name="area_code">
            <ZoneSelector />
        </Form.Item>
        <Divider style={{
            borderColor: "#075C88"
        }} />
        <Form.Item label="草地退化等级" name="degradation_level">
            <Radio.Group>
                <Radio value={"-1"}>全部</Radio>
                <Radio value={"未退化"}>未退化</Radio>
                <Radio value={"轻度退化"}>轻度退化</Radio>
                <Radio value={"中度退化"}>中度退化</Radio>
                <Radio value={"重度退化"}>重度退化</Radio>
            </Radio.Group>
        </Form.Item>
    </Form>;
}