import { jsx } from 'react/jsx-runtime';
import classNames from '../../_virtual/index.js';
import Typography from '../Typography/Typography.js';
import TruncatedTooltip from '../TruncatedTooltip/TruncatedTooltip.js';

const StatusButton = ({ status = 'passed', label = '', onClick = () => { }, className = '', style = {}, disabled = false, useDefaultCursor = false, displayTooltip = false, ...props }) => {
    return (jsx("button", { className: classNames('ff-status-button', `ff-status-button--${status}`, {
            'ff-status-button--default-status-cursor': useDefaultCursor,
        }, className), style: style, onClick: onClick, disabled: disabled, ...props, children: jsx(Typography, { as: "div", fontWeight: "semi-bold", lineHeight: "16px", textAlign: "center", className: "ff-status-button__text", children: displayTooltip ? (jsx("div", { className: "ff-status-button__tooltip-wrapper", children: jsx(TruncatedTooltip, { title: label, width: 76 }) })) : (label) }) }));
};

export { StatusButton as default };
//# sourceMappingURL=StatusButton.js.map
