"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Skeleton = void 0;
const react_1 = __importDefault(require("react"));
const index_styled_1 = require("./index.styled");
const SkeletonLayout_1 = require("./SkeletonLayout");
const SkeletonItem = (props) => {
    const { variant, width, height, radius } = props;
    let skeleton;
    switch (variant) {
        case 'text':
            skeleton = react_1.default.createElement(index_styled_1.TextSkeleton, { width: width, height: height });
            break;
        case 'circle':
            skeleton = react_1.default.createElement(index_styled_1.CircleSkeleton, { radius: radius });
            break;
        case 'rect':
            skeleton = react_1.default.createElement(index_styled_1.RecSkeleton, { height: height });
            break;
        default:
            skeleton = react_1.default.createElement(index_styled_1.TextSkeleton, null);
            break;
    }
    return skeleton;
};
const Skeleton = Object.assign(SkeletonItem, {
    Layout: SkeletonLayout_1.SkeletonLayout,
});
exports.Skeleton = Skeleton;
