/*!
 * Copyright (c) Microsoft. All rights reserved.
 * Licensed under the MIT license. See LICENSE file in the project.
 */ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { HistoryIcon } from '@datashaper/react';
import { ActionButton, useTheme } from '@fluentui/react';
import merge from 'lodash-es/merge.js';
import React, { memo } from 'react';
import { buttonStyles } from './HistoryButton.styles.js';
export const HistoryButton = /*#__PURE__*/ memo(function HistoryButton({ onClick , steps =0 , showText =false , styles ={} , title ='History' ,  }) {
    const theme = useTheme();
    return /*#__PURE__*/ _jsxs(ActionButton, {
        onClick: onClick,
        styles: merge({}, buttonStyles, styles),
        children: [
            /*#__PURE__*/ _jsx(HistoryIcon, {
                color: theme.palette.themePrimary
            }),
            showText ? `${title} ${steps ? `(${steps})` : ''}` : null
        ]
    });
});
