import RobotOutlined from "@ant-design/icons/RobotOutlined" ; import UserOutlined from "@ant-design/icons/UserOutlined" ; import { UserType } from "@staticdeploy/core" ; import upperFirst from "lodash/upperFirst" ; import React from "react" ; import "./index.css" ; interface IProps { title : React . ReactNode ; userType : UserType ; } export default class UserTypeFieldRO extends React . Component < IProps > { render ( ) { const { title , userType } = this . props ; return ( < div className = "c-UserTypeFieldRO" > < h4 > { title } < /h4> { userType === UserType . Human ? ( < UserOutlined />) : (<RobotOutlined / > ) } < span className = "c-UserTypeFieldRO-type" > { upperFirst ( userType ) } < /span> < /div>); } }