import { Box, Card, SkeletonGroup, SkeletonLine, } from '@wix/design-system';
import { classes, st } from './SkeletonCard.st.css.js';
import React from 'react';
export function SkeletonCard(props) {
    const { minHeight = '24px', ...rest } = props;
    return (React.createElement(Card, { ...rest },
        React.createElement(Card.Header, { dataHook: "skeleton-card-header", className: st(classes.headerLoading), title: React.createElement(Box, { direction: "vertical", width: "100%" },
                React.createElement(SkeletonGroup, null,
                    React.createElement(SkeletonLine, { width: "20%", marginBottom: "SP1" }))), subtitle: React.createElement(Box, { direction: "vertical", width: "100%" },
                React.createElement(SkeletonGroup, null,
                    React.createElement(SkeletonLine, { width: "35%" }))) }),
        React.createElement(Card.Divider, null),
        React.createElement(Card.Content, { dataHook: "skeleton-card-content" },
            React.createElement(Box, { minHeight: minHeight }))));
}
//# sourceMappingURL=SkeletonCard.js.map