mirror of
https://github.com/kremalicious/umami.git
synced 2024-11-15 01:35:17 +01:00
32 lines
693 B
JavaScript
32 lines
693 B
JavaScript
import React from 'react';
|
|
import classNames from 'classnames';
|
|
import Icon from './Icon';
|
|
import styles from './Button.module.css';
|
|
|
|
export default function Button({
|
|
type = 'button',
|
|
icon,
|
|
size,
|
|
variant,
|
|
children,
|
|
className,
|
|
...props
|
|
}) {
|
|
return (
|
|
<button
|
|
type={type}
|
|
className={classNames(styles.button, className, {
|
|
[styles.large]: size === 'large',
|
|
[styles.small]: size === 'small',
|
|
[styles.xsmall]: size === 'xsmall',
|
|
[styles.action]: variant === 'action',
|
|
[styles.danger]: variant === 'danger',
|
|
})}
|
|
{...props}
|
|
>
|
|
{icon && <Icon icon={icon} size={size} />}
|
|
{children}
|
|
</button>
|
|
);
|
|
}
|