poe-custom-elements/dist/stories/Button.js

Path of Exile custom elements

import { html } from 'lit';
import { styleMap } from 'lit/directives/style-map.js';
import './button.css';
/**
 * Primary UI component for user interaction
 */
export const Button = ({ primary, backgroundColor, size, label, onClick }) => {
    const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
    return html `
		<button
			type="button"
			class=${['storybook-button', `storybook-button--${size || 'medium'}`, mode].join(' ')}
			style=${styleMap({ backgroundColor })}
			@click=${onClick}
		>
			${label}
		</button>
	`;
};
//# sourceMappingURL=Button.js.map