2019-01-29 11:06:11 +01:00
|
|
|
// @flow
|
2019-02-07 09:29:53 +01:00
|
|
|
import * as React from "react";
|
2019-01-29 11:06:11 +01:00
|
|
|
|
|
|
|
|
type Props = {
|
2019-02-07 09:29:53 +01:00
|
|
|
addons?: boolean,
|
|
|
|
|
className?: string,
|
|
|
|
|
children: React.Node
|
2019-01-29 11:06:11 +01:00
|
|
|
};
|
|
|
|
|
|
|
|
|
|
class ButtonGroup extends React.Component<Props> {
|
|
|
|
|
|
2019-02-07 09:29:53 +01:00
|
|
|
static defaultProps = {
|
|
|
|
|
addons: true
|
|
|
|
|
};
|
2019-01-29 11:06:11 +01:00
|
|
|
|
2019-02-07 09:29:53 +01:00
|
|
|
render() {
|
|
|
|
|
const { addons, className, children } = this.props;
|
|
|
|
|
let styleClasses = "buttons";
|
|
|
|
|
if (addons) {
|
|
|
|
|
styleClasses += " has-addons";
|
|
|
|
|
}
|
|
|
|
|
if (className) {
|
|
|
|
|
styleClasses += " " + className;
|
2019-01-29 11:06:11 +01:00
|
|
|
}
|
|
|
|
|
return (
|
2019-02-07 09:29:53 +01:00
|
|
|
<div className={styleClasses}>
|
|
|
|
|
{ children }
|
2019-01-29 11:06:11 +01:00
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default ButtonGroup;
|