import { jsx as _jsx } from "react/jsx-runtime";
import classNames from 'classnames';
import './StatusButton.scss';
import Typography from '../Typography';
import TruncatedTooltip from '../TruncatedTooltip/TruncatedTooltip';
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 default StatusButton;
//# sourceMappingURL=StatusButton.js.map