/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e694c50 | Cube Dev Team */
import { DirectionIcon } from "../../../icons/DirectionIcon.js";
import { Button } from "../../actions/index.js";
import { tasty } from "@tenphi/tasty";
import { jsx } from "react/jsx-runtime";

//#region src/components/fields/NumberInput/StepButton.tsx
const StepButtonElement = tasty(Button, {
	preventDefault: true,
	type: "neutral",
	styles: {
		width: "2.5x",
		height: "auto",
		radius: {
			"": "0 (1r - 1bw) 0 0",
			down: "0 0 (1r - 1bw) 0"
		},
		padding: 0,
		"$icon-size": "1em",
		Icon: {
			width: "auto",
			height: "auto"
		}
	}
});
/**
* Buttons for NumberField.
*/
function StepButton(props) {
	return /* @__PURE__ */ jsx(StepButtonElement, {
		preventDefault: true,
		type: "neutral",
		mods: {
			up: props.direction === "up",
			down: props.direction === "down"
		},
		label: `Step ${props.direction}`,
		...props,
		children: /* @__PURE__ */ jsx(DirectionIcon, { to: props.direction })
	});
}

//#endregion
export { StepButton };
//# sourceMappingURL=StepButton.js.map