import { jsx as _jsx } from "react/jsx-runtime";
/*!
 * Copyright (c) Microsoft. All rights reserved.
 * Licensed under the MIT license. See LICENSE file in the project.
 */ import './Button.css';
/**
 * Primary UI component for user interaction
 */ export const Button = ({ primary , backgroundColor , size , label , ...props })=>{
    const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
    return /*#__PURE__*/ _jsx("button", {
        type: "button",
        className: [
            'storybook-button',
            `storybook-button--${size}`,
            mode
        ].join(' '),
        style: backgroundColor ? {
            backgroundColor
        } : undefined,
        ...props,
        children: label
    });
};
