@coveord/plasma-mantine
Version:
A Plasma flavoured Mantine theme
89 lines (88 loc) • 3.76 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "RadioCard", {
enumerable: true,
get: function() {
return RadioCard;
}
});
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
var _object_spread = require("@swc/helpers/_/_object_spread");
var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
var _jsxruntime = require("react/jsx-runtime");
var _core = require("@mantine/core");
var _RadioCardmodulecss = /*#__PURE__*/ _interop_require_default._(require("../../styles/RadioCard.module.css"));
var _Input = require("../Input/Input");
var defaultProps = {};
var RadioCard = (0, _core.factory)(function(_props, ref) {
var _useProps = (0, _core.useProps)('RadioCard', defaultProps, _props), children = _useProps.children, classNames = _useProps.classNames, styles = _useProps.styles, style = _useProps.style, className = _useProps.className, vars = _useProps.vars, disabled = _useProps.disabled, label = _useProps.label, description = _useProps.description, disabledTooltip = _useProps.disabledTooltip, others = _object_without_properties._(_useProps, [
"children",
"classNames",
"styles",
"style",
"className",
"vars",
"disabled",
"label",
"description",
"disabledTooltip"
]);
var getStyles = (0, _core.useStyles)({
name: 'RadioCard',
classes: _RadioCardmodulecss.default,
vars: vars,
classNames: classNames,
className: className,
style: style,
props: _props,
styles: styles
});
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, {
label: disabledTooltip,
disabled: !disabled || !disabledTooltip,
children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Radio.Card, _object_spread_props._(_object_spread._({
ref: ref,
disabled: disabled,
readOnly: _props.readOnly
}, getStyles('card', {
className: className,
style: style,
classNames: classNames,
styles: styles
}), others), {
children: [
/*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Radio.Indicator, _object_spread._({
disabled: disabled
}, getStyles('indicator', {
classNames: classNames,
styles: styles
}))),
/*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Stack, _object_spread_props._(_object_spread._({}, getStyles('container', {
classNames: classNames,
styles: styles
})), {
children: [
/*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.Input.Label, _object_spread_props._(_object_spread._({}, getStyles('title', {
classNames: classNames,
styles: styles
})), {
children: label
})),
description && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.Input.Description, _object_spread_props._(_object_spread._({}, getStyles('description', {
classNames: classNames,
styles: styles
})), {
children: description
})),
children
]
}))
]
}))
});
});
RadioCard.displayName = 'RadioCard';
//# sourceMappingURL=RadioCard.js.map