import { memo } from "react";
import DeleteIcon from "@mui/icons-material/Delete";

import Button from "@/components/mui/MyButton";

const ProjectMembers = () => {
	return (
		<>
			<Button size={"large"} text={"确定"} />
			&nbsp;&nbsp;
			<Button text={"确定"} />
			&nbsp;&nbsp;
			<Button size={"small"} text={"确定"} />
			<br />
			<br />
			<Button size={"large"} text={"确定"} disabled />
			&nbsp;&nbsp;
			<Button text={"确定"} disabled />
			&nbsp;&nbsp;
			<Button size={"small"} text={"确定"} disabled />
			<br />
			<br />
			<Button size={"large"} color={"secondary"} text={"确定"} />
			&nbsp;&nbsp;
			<Button color={"secondary"} text={"确定"} />
			&nbsp;&nbsp;
			<Button size={"small"} color={"secondary"} text={"确定"} />
			<br /> <br />
			<Button
				text={"确定"}
				size={"large"}
				style={{ color: "aqua", background: "burlywood" }}
			/>
			&nbsp;&nbsp;
			<Button
				text={"确定"}
				style={{ color: "aqua", background: "burlywood" }}
			/>
			&nbsp;&nbsp;
			<Button
				text={"确定"}
				size={"small"}
				style={{ color: "aqua", background: "burlywood" }}
			/>
			<br /> <br />
			outlined
			<br />
			<Button size={"large"} variant={"outlined"} text={"确定"} />
			&nbsp;&nbsp;
			<Button variant={"outlined"} text={"确定"} />
			&nbsp;&nbsp;
			<Button size={"small"} variant={"outlined"} text={"确定"} />
			<br /> <br />
			<Button size={"large"} variant={"outlined"} disabled text={"确定"} />
			&nbsp;&nbsp;
			<Button variant={"outlined"} disabled text={"确定"} />
			&nbsp;&nbsp;
			<Button size={"small"} variant={"outlined"} disabled text={"确定"} />
			<br /> <br />
			<Button
				size={"large"}
				variant={"outlined"}
				color={"secondary"}
				text={"确定"}
			/>
			&nbsp;&nbsp;
			<Button variant={"outlined"} color={"secondary"} text={"确定"} />
			&nbsp;&nbsp;
			<Button
				size={"small"}
				variant={"outlined"}
				color={"secondary"}
				text={"确定"}
			/>
			<br /> <br />
			<Button
				text={"确定"}
				size={"large"}
				variant={"outlined"}
				style={{ color: "aqua", background: "burlywood" }}
			/>
			&nbsp;&nbsp;
			<Button
				text={"确定"}
				variant={"outlined"}
				style={{ color: "aqua", background: "burlywood" }}
			/>
			&nbsp;&nbsp;
			<Button
				text={"确定"}
				size={"small"}
				variant={"outlined"}
				style={{ color: "aqua", background: "burlywood" }}
			/>
			<br /> <br />
			text
			<br />
			<Button
				size={"large"}
				variant={"text"}
				text={"确定确定确定确定确定确定"}
			/>
			&nbsp;&nbsp;
			<Button variant={"text"} text={"确定确定确定确定确定确定"} />
			&nbsp;&nbsp;
			<Button
				size={"small"}
				variant={"text"}
				text={"确定确定确定确定确定确定"}
			/>
			<br />
			<Button
				size={"large"}
				disabled
				variant={"text"}
				text={"确定确定确定确定确定确定"}
			/>
			&nbsp;&nbsp;
			<Button variant={"text"} disabled text={"确定确定确定确定确定确定"} />
			&nbsp;&nbsp;
			<Button
				size={"small"}
				disabled
				variant={"text"}
				text={"确定确定确定确定确定确定"}
			/>
			<br />
			<Button
				size={"large"}
				color={"secondary"}
				variant={"text"}
				text={"确定确定确定确定确定确定"}
			/>
			&nbsp;&nbsp;
			<Button
				variant={"text"}
				color={"secondary"}
				text={"确定确定确定确定确定确定"}
			/>
			&nbsp;&nbsp;
			<Button
				size={"small"}
				color={"secondary"}
				variant={"text"}
				text={"确定确定确定确定确定确定"}
			/>
			<br /> <br />
			img
			<br />
			<Button text={"确定确定确定确定确定确定"} img={<DeleteIcon />} />
			<br /> <br />
			select
			<br />
			<Button
				text={"更多"}
				select={[
					{ name: "1111111" },
					{ name: "1111111" },
					{ name: "1111111" },
					{ name: "1111111", color: "red" },
				]}
			/>
			<Button
				text={"更多"}
				color={"secondary"}
				variant={"text"}
				select={[
					{ name: "1111111" },
					{ name: "1111111" },
					{ name: "1111111" },
					{ name: "1111111", color: "red" },
				]}
			/>
		</>
	);
};

export default memo(ProjectMembers);
