@ozen-ui/kit
Version:
React component library
21 lines (20 loc) • 1.26 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Skeleton = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
require("./Skeleton.css");
var components_1 = require("./components");
exports.Skeleton = (0, react_1.forwardRef)(function (props, ref) {
var variant = props.variant, children = props.children, waveColor = props.waveColor, bgColor = props.bgColor, styleProp = props.style, other = tslib_1.__rest(props, ["variant", "children", "waveColor", "bgColor", "style"]);
var style = tslib_1.__assign({ '--skeleton-wave-color': waveColor, '--skeleton-bg-color': bgColor }, styleProp);
var commonProps = tslib_1.__assign(tslib_1.__assign({}, other), { style: style, ref: ref });
if (variant === 'circular') {
return react_1.default.createElement(components_1.SkeletonCircular, tslib_1.__assign({}, commonProps), children);
}
if (variant === 'typography') {
return react_1.default.createElement(components_1.SkeletonTypography, tslib_1.__assign({}, commonProps));
}
return react_1.default.createElement(components_1.SkeletonRectangular, tslib_1.__assign({}, commonProps), children);
});
exports.Skeleton.displayName = 'Skeleton';