@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
20 lines (19 loc) • 1.33 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Button = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const BaseButton_1 = require("./BaseButton");
const common_1 = require("@workday/canvas-kit-react/common");
exports.Button = (0, common_1.createComponent)('button')({
displayName: 'Button',
Component: ({ children, icon, colors, iconPosition, shouldMirrorIcon, size = 'medium', ...elemProps }, ref, Element) => {
const baseIconPosition = iconPosition
? iconPosition
: icon
? children
? 'start'
: 'only'
: undefined;
return ((0, jsx_runtime_1.jsxs)(BaseButton_1.BaseButton, { as: Element, ref: ref, size: size, icon: icon, colors: colors, iconPosition: baseIconPosition, ...elemProps, children: [icon && baseIconPosition === 'start' && ((0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton.Icon, { size: size, icon: icon, shouldMirrorIcon: shouldMirrorIcon })), children && (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton.Label, { children: children }), icon && baseIconPosition && ['only', 'end'].includes(baseIconPosition) && ((0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton.Icon, { size: size, icon: icon, shouldMirrorIcon: shouldMirrorIcon }))] }));
},
});