tobby-my-storybook-components
Version:
Para practicar React Components + Storybook + NPM Publish
12 lines (11 loc) • 631 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 }));
};
// ACR. Se agrega una exportacion por defecto para aumentar la compatibilidad para quien use nuestro paquete.
export default Button;