ls-custom-components
Version:
8 lines (7 loc) • 494 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 }));
};