import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const PropertyCardLoading = () => {
    return (_jsx("div", { className: "col col-sm-6 col-md-4 plr-3 p-card", children: _jsxs("div", { className: "card card-property skeleton-item card-link taphover", children: [_jsx("div", { className: "card-image skeleton-item", children: _jsx("div", {}) }), _jsxs("div", { className: "property-icons", children: [_jsx("div", { className: "property-icon", children: _jsxs("div", { className: "d-align-center", children: [_jsx("span", { className: "shado" }), _jsxs("span", { className: "b-value-parent skeleton-item", style: { backgroundColor: '#eee' }, children: [_jsx("span", { className: "b-value", children: "4" }), _jsx("span", { children: "Bedrooms" })] })] }) }), _jsx("div", { className: "property-icon", children: _jsxs("div", { className: "d-align-center property-icon-flex", children: [_jsx("span", { className: "shado" }), _jsxs("span", { className: "b-value-parent skeleton-item", children: [_jsx("span", { className: "b-value", children: "5" }), _jsx("span", { children: "Bathrooms" })] })] }) })] }), _jsxs("div", { className: "card-content card-contentts pb-0", children: [_jsx("h3", { children: _jsx("a", {}) }), _jsx("p", { className: "skeleton-item", children: "\u00A0\u00A0" }), _jsx("p", { className: "price skeleton-item", style: { display: 'inline-block', width: '50px' }, children: "\u00A0" })] }), _jsxs("div", { className: "actions mt-0", children: [_jsx("a", { className: "btn btn-outline-secondary skeleton-item", target: "_blank", rel: "noopener noreferrer", children: _jsx("span", {}) }), _jsx("a", { className: "btn btn-outline-secondary skeleton-item", rel: "noopener noreferrer" }), _jsx("a", { className: "btn btn-outline-secondary whatsapp-color skeleton-item", rel: "noopener noreferrer", "aria-label": "WhatsApp" })] })] }) }));
};
export default PropertyCardLoading;
