jm-custom-components
Version:
10 lines (9 loc) • 498 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import './button.css';
/**
* Primary UI component for user interaction
*/
export const Button = ({ primary = false, size = 'medium', backgroundColor, label, ...props }) => {
const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
return (_jsx("button", { type: "button", className: ['storybook-button', `storybook-button--${size}`, mode].join(' '), style: { backgroundColor }, ...props, children: label }));
};