@ozen-ui/kit/__inner__/esm/components/Skeleton/Skeleton.js

React component library

import { __assign, __rest } from "tslib";
import React, { forwardRef } from 'react';
import './Skeleton.css';
import { SkeletonCircular, SkeletonRectangular, SkeletonTypography, } from './components';
export var Skeleton = forwardRef(function (props, ref) {
    var variant = props.variant, children = props.children, waveColor = props.waveColor, bgColor = props.bgColor, styleProp = props.style, other = __rest(props, ["variant", "children", "waveColor", "bgColor", "style"]);
    var style = __assign({ '--skeleton-wave-color': waveColor, '--skeleton-bg-color': bgColor }, styleProp);
    var commonProps = __assign(__assign({}, other), { style: style, ref: ref });
    if (variant === 'circular') {
        return React.createElement(SkeletonCircular, __assign({}, commonProps), children);
    }
    if (variant === 'typography') {
        return React.createElement(SkeletonTypography, __assign({}, commonProps));
    }
    return React.createElement(SkeletonRectangular, __assign({}, commonProps), children);
});
Skeleton.displayName = 'Skeleton';