import { __assign } from "tslib";
// @ts-nocheck
import './ClientCard.css';
import React from 'react';
import { IconArrowRight } from '../../icons/IconArrowRight/IconArrowRight';
import { cn } from '../../utils/bem';
import { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';
import { Button } from '../Button/Button';
import { usePropsHandler } from '../EventInterceptor/usePropsHandler';
import { Picture } from '../Picture/Picture';
import { Typography } from '../Typography/Typography';
export var cnClientCard = cn('ClientCard');
export var ClientCard = forwardRefWithAs(function (props, ref) {
    var _a = usePropsHandler(cnClientCard(), props), logo = _a.logo, description = _a.description, _b = _a.btnText, btnText = _b === void 0 ? 'Learn more' : _b;
    return (React.createElement("div", { className: cnClientCard({}) },
        React.createElement("div", { className: cnClientCard('Photo') }, logo && React.createElement(Picture, __assign({}, logo))),
        description && (React.createElement("div", { className: cnClientCard('Inner') },
            React.createElement("div", { className: cnClientCard('Text') },
                React.createElement(Typography.Text, { size: "s" }, description)),
            React.createElement("div", { className: cnClientCard('Button') },
                React.createElement(Button, { view: "link-secondary", color: "primary", iconRight: IconArrowRight, iconSize: 'm', label: btnText }))))));
});
