/**
 * title: "带描述的单选框"
 * description: "在Radio中添加描述文案。"
 */
import React, { useState } from 'react';
import { Radio } from '@alicloud/console-components';
var List = [
    {
        label: '输入文字',
        value: 'A',
    },
    {
        label: '输入文字',
        value: 'B',
    },
    {
        label: '输入文字',
        value: 'C',
    },
];
export default (function () {
    var _a = useState(''), checkedList = _a[0], setCheckedList = _a[1];
    return (React.createElement("div", null,
        React.createElement("h5", null, "\u5355\u9009\u5408\u96C6\u6807\u9898"),
        React.createElement(Radio.Group, { value: checkedList, itemDirection: "ver", onChange: function (value) { return setCheckedList("".concat(value)); } }, List.map(function (item) { return (React.createElement(Radio, { value: item.value, style: { height: '40px' } },
            item.label,
            React.createElement("p", { style: {
                    margin: '0 0 0 24px',
                    color: '#808080',
                } }, "\u5BF9\u4E8E\u9009\u9879\u7684\u63CF\u8FF0/\u89E3\u91CA\u6587\u6848\uFF0C\u5BF9\u4E8E\u9009\u9879\u7684\u63CF\u8FF0/\u89E3\u91CA\u6587\u6848"))); }))));
});
