1
0
mirror of https://github.com/kremalicious/umami.git synced 2024-12-30 16:57:44 +01:00
umami/components/common/ButtonGroup.js

33 lines
740 B
JavaScript
Raw Normal View History

2020-08-23 07:01:14 +02:00
import React from 'react';
import classNames from 'classnames';
import Button from './Button';
import styles from './ButtonGroup.module.css';
export default function ButtonGroup({
items = [],
selectedItem,
className,
size,
icon,
onClick = () => {},
}) {
return (
<div className={classNames(styles.group, className)}>
2020-09-06 02:27:01 +02:00
{items.map(item => {
const { label, value } = item;
return (
<Button
key={value}
className={classNames(styles.button, { [styles.selected]: selectedItem === value })}
size={size}
icon={icon}
onClick={() => onClick(value)}
>
{label}
</Button>
);
})}
2020-08-23 07:01:14 +02:00
</div>
);
}