"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = Placeholder;
const classnames_1 = __importDefault(require("classnames"));
const react_1 = __importDefault(require("react"));
function Placeholder(props) {
    const classes = (0, classnames_1.default)('c-placeholder', {
        [`--${props.w}--w`]: typeof props.w !== 'number' && !!props.w,
        [`--${props.h}--h`]: typeof props.h !== 'number' && !!props.h,
        'u-marg': !props.noMarg,
        '--text': props.type === 'text',
        '--circle': props.type === 'circle',
        '--block': props.type === 'block',
        '--sm': props.circleSize === 'sm' || props.blockSize === 'sm',
        '--md': props.circleSize === 'md' || props.blockSize === 'md',
        '--lg': props.circleSize === 'lg' || props.blockSize === 'lg',
        '--xl': props.circleSize === 'xl' || props.blockSize === 'xl',
        '--rounded-light': props.rounded === 'md',
        '--rounded-heavy': props.rounded === 'lg',
        '--blink': props.blink,
    });
    return (react_1.default.createElement("div", { style: {
            height: typeof props.h === 'number' ? props.h : undefined,
            width: typeof props.w === 'number' ? props.w : undefined,
        }, className: classes }));
}
//# sourceMappingURL=Placeholder.js.map