import { memo } from "react";
import { InputAdornment } from "@mui/material";
import InputComponent from "@/components/mui/Input";

const ProjectMembers = () => {
	return (
		<>
			<InputComponent
				fullWidth={false}
				label={"test"}
				defaultValue={"sssssssss"}
				size={"large"}
			/>
			&nbsp;&nbsp;&nbsp;&nbsp;
			<InputComponent
				fullWidth={false}
				label={"test"}
				error={true}
				helperText={"你还急急急靠靠靠靠靠靠靠靠靠靠靠靠靠靠"}
			/>
			&nbsp;&nbsp;&nbsp;&nbsp;
			<InputComponent
				fullWidth={false}
				label={"test"}
				size={"small"}
				disabled
			/>
			&nbsp;&nbsp;&nbsp;&nbsp;
			<InputComponent fullWidth={false} label={"xsmall"} size={"xsmall"} />
			&nbsp;&nbsp;&nbsp;&nbsp;
			<InputComponent
				fullWidth={false}
				placeholder={"测试机哦"}
				endAdornment={
					<InputAdornment position="end">11&nbsp;&nbsp;</InputAdornment>
				}
			/>
			&nbsp;&nbsp;&nbsp;&nbsp;
			<InputComponent
				fullWidth={false}
				size={"small"}
				placeholder={"xxxxxx"}
				endAdornment={
					<InputAdornment position="end">11&nbsp;&nbsp;</InputAdornment>
				}
			/>
			<br /> <br />
			<InputComponent
				fullWidth={true}
				select={{
					json: [
						{ value: "1", label: "2" },
						{ value: "3", label: "4" },
					],
				}}
			/>
			<br />
			<br />
			{/* <SelectComponent
                option={json}
            />
            <br /><br />
            <SelectComponent
                option={json}
                size={"large"}
            />
            <br /><br />
            <SelectComponent
                option={json}
                size={"small"}
            /> */}
			<br />
			<br />
		</>
	);
};

export default memo(ProjectMembers);
