"use strict";
exports.__esModule = true;
exports.ClientCard = exports.cnClientCard = void 0;
var tslib_1 = require("tslib");
// @ts-nocheck
require("./ClientCard.css");
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var react_router_dom_1 = require("react-router-dom");
var IconArrowRight_1 = require("../../icons/IconArrowRight/IconArrowRight");
var bem_1 = require("../../utils/bem");
var PropsWithAsAttributes_1 = require("../../utils/types/PropsWithAsAttributes");
var Button_1 = require("../Button/Button");
var usePropsHandler_1 = require("../EventInterceptor/usePropsHandler");
var Picture_1 = require("../Picture/Picture");
var Typography_1 = require("../Typography/Typography");
exports.cnClientCard = (0, bem_1.cn)('ClientCard');
exports.ClientCard = (0, PropsWithAsAttributes_1.forwardRefWithAs)(function (props) {
    var _a = (0, usePropsHandler_1.usePropsHandler)((0, exports.cnClientCard)(), props), logo = _a.logo, description = _a.description, _b = _a.btnText, btnText = _b === void 0 ? 'Learn more' : _b, routePath = _a.routePath, isPageHidden = _a.isPageHidden;
    return (react_1["default"].createElement("div", { className: (0, exports.cnClientCard)({ isPageHidden: isPageHidden }) },
        routePath && !isPageHidden && (react_1["default"].createElement(react_router_dom_1.NavLink, { to: routePath, className: (0, exports.cnClientCard)('OverlayLink') })),
        react_1["default"].createElement("div", { className: (0, exports.cnClientCard)('Photo') }, logo && react_1["default"].createElement(Picture_1.Picture, (0, tslib_1.__assign)({}, logo))),
        description && (react_1["default"].createElement("div", { className: (0, exports.cnClientCard)('Inner') },
            react_1["default"].createElement("div", { className: (0, exports.cnClientCard)('Text') },
                react_1["default"].createElement(Typography_1.Typography.Text, { size: "s" }, description)),
            react_1["default"].createElement("div", { className: (0, exports.cnClientCard)('Button') },
                react_1["default"].createElement(Button_1.Button, { view: "link-secondary", color: "primary", iconRight: IconArrowRight_1.IconArrowRight, iconSize: "m", label: btnText }))))));
});
