@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
58 lines • 1.97 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import React from 'react';
import { Icon } from '@iconify/react';
import { Fab, Left, Right, Root } from './styled';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export var ToggleButtonSizes = function ToggleButtonSizes(_ref) {
var backgroundColor = _ref.backgroundColor,
iconColor = _ref.iconColor,
_ref$iconLeft = _ref.iconLeft,
iconLeft = _ref$iconLeft === void 0 ? 'clarity:moon-line' : _ref$iconLeft,
_ref$iconRight = _ref.iconRight,
iconRight = _ref$iconRight === void 0 ? 'akar-icons:sun' : _ref$iconRight,
onCardsFunction = _ref.onCardsFunction,
onTableFunction = _ref.onTableFunction,
value = _ref.value,
boxProps = _ref.boxProps,
onChange = _ref.onChange,
backgrondColorSelected = _ref.backgrondColorSelected,
valueLeft = _ref.valueLeft,
valueRight = _ref.valueRight;
return /*#__PURE__*/_jsxs(Root, _extends({
backgroundColor: backgroundColor,
exclusive: true,
onChange: onChange,
size: "medium",
value: value
}, boxProps, {
children: [/*#__PURE__*/_jsx(Left, {
value: valueLeft || 'table',
onClick: function onClick() {
return onTableFunction && onTableFunction();
},
backgroundColor: backgrondColorSelected,
children: /*#__PURE__*/_jsx(Fab, {
children: /*#__PURE__*/_jsx(Icon, {
icon: iconLeft,
color: iconColor,
height: "20px",
width: "20px"
})
})
}), /*#__PURE__*/_jsx(Right, {
value: valueRight || 'cards',
onClick: function onClick() {
return onCardsFunction && onCardsFunction();
},
backgroundColor: backgrondColorSelected,
children: /*#__PURE__*/_jsx(Fab, {
children: /*#__PURE__*/_jsx(Icon, {
icon: iconRight,
color: iconColor,
height: "20px",
width: "20px"
})
})
})]
}));
};