import { c } from "react-compiler-runtime";
import React from "react";
import { Button, makeStyles } from "@material-ui/core";
//#region src/UI/inputs/buttons/PrimaryActionButton.jsx
const useStyles = makeStyles((theme) => ({
	root: {
		borderRadius: 0,
		padding: "calc(.875rem - 3px) 23px calc(.875rem - 3px) 15px"
	},
	label: { textTransform: "none" },
	endIcon: {
		display: "flex",
		justifyContent: "flex-end",
		marginLeft: theme.spacing(2)
	}
}));
const PrimaryActionButton = (t0) => {
	const $ = c(13);
	let children;
	let icon;
	let otherProps;
	if ($[0] !== t0) {
		({children, icon, ...otherProps} = t0);
		$[0] = t0;
		$[1] = children;
		$[2] = icon;
		$[3] = otherProps;
	} else {
		children = $[1];
		icon = $[2];
		otherProps = $[3];
	}
	const classes = useStyles();
	let t1;
	if ($[4] !== classes.endIcon || $[5] !== classes.label || $[6] !== classes.root) {
		t1 = {
			root: classes.root,
			label: classes.label,
			endIcon: classes.endIcon
		};
		$[4] = classes.endIcon;
		$[5] = classes.label;
		$[6] = classes.root;
		$[7] = t1;
	} else t1 = $[7];
	let t2;
	if ($[8] !== children || $[9] !== icon || $[10] !== otherProps || $[11] !== t1) {
		t2 = /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Button, {
			...otherProps,
			disableElevation: true,
			classes: t1,
			variant: "contained",
			color: "secondary",
			endIcon: icon
		}, children));
		$[8] = children;
		$[9] = icon;
		$[10] = otherProps;
		$[11] = t1;
		$[12] = t2;
	} else t2 = $[12];
	return t2;
};
//#endregion
export { PrimaryActionButton as default };

//# sourceMappingURL=PrimaryActionButton.mjs.map