/**
 * @license MIT
 * author: Cube Dev Team
 * @cube-dev/ui-kit v0.0.0-canary-c2a807a
 * Released under the MIT license.
 */

import { jsx as _jsx } from "react/jsx-runtime";
import { DirectionIcon } from '../../../icons/index.js';
import { tasty } from '../../../tasty/index.js';
import { Button } from '../../actions/index.js';
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': '1fs',
        Icon: {
            width: 'auto',
            height: 'auto',
        },
    },
});
/**
 * Buttons for NumberField.
 */
export function StepButton(props) {
    return (_jsx(StepButtonElement, { preventDefault: true, type: "neutral", mods: {
            up: props.direction === 'up',
            down: props.direction === 'down',
        }, label: `Step ${props.direction}`, ...props, children: _jsx(DirectionIcon, { to: props.direction }) }));
}

        