import React from 'react';
import { Slider, IconButton } from '@material-ui/core';
import { LineSpacingIcon, MinimumValueIcon } from '@fluentui/react-icons';
export const HeightAdjuster = ({ verticalAdjuster, setVerticalAdjuster }) => {
    const handleAdjusterChange = (event, newValue) => {
        setVerticalAdjuster(newValue);
    };
    const handleDecreaseClick = () => {
        setVerticalAdjuster(verticalAdjuster - 1);
    };
    const handleIncreaseClick = () => {
        setVerticalAdjuster(verticalAdjuster + 1);
    };
    return (React.createElement("div", { style: { display: 'flex' } }, React.createElement(IconButton, { onClick: handleDecreaseClick }, React.createElement("div", { style: { fontSize: 18 } }, React.createElement(LineSpacingIcon, null))), React.createElement(Slider, { value: verticalAdjuster, min: 0, max: 10, step: 0.1, onChange: handleAdjusterChange }), React.createElement(IconButton, { onClick: handleIncreaseClick }, React.createElement("div", { style: { rotate: '90deg', fontSize: 24 } }, React.createElement(MinimumValueIcon, null)))));
};
//# sourceMappingURL=HeightAdjust.js.map