import { Select } from "kts-xui";
import React from "react";

export default class CardSelect extends React.Component<any> {

    render() {
        const props = this.props;
        const option = [

            { label: "居民身份证", value: "201" },
            { label: "外国护照", value: "208" },
            { label: "港澳居民来往内地通行证", value: "210" },

            { label: "台湾居民来往大陆通行证", value: "213" },

            { label: "中国护照", value: "227" },

            { label: "外国人永久居留身份证", value: "233" },

            { label: "中华人民共和国港澳居民居住证", value: "237" },
            { label: "中华人民共和国台湾居民居住证", value: "238" },

        ];
        function getLable(value?: string) {

            return option.find(e => e.value === value)?.label || '';

        }
        if (props.readOnly) {
            return <span className='digtal-stakeholder-form-text'>{getLable(props.value)}</span>
        } else {
            return <Select style={{ width: 200 }} options={option} {...props} />
        }
    }
}