import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import './Card.scss';
import { GetSvgIcon } from '..';
const Card = ({ name, designation, isActive, isError }) => {
    return (_jsxs("div", { className: `card ${isActive && 'active'} ${isError !== undefined && 'isError-justify'}`, children: [isError !== undefined && isError == true &&
                _jsx("div", { className: 'icon-div', children: _jsx("span", { className: 'svg-error', children: _jsx(GetSvgIcon, { iconType: 'excalamationCircle', iconSize: '32' }) }) }), isError !== undefined && isError == false &&
                _jsx("div", { className: 'icon-div', children: _jsx("span", { className: 'svg-success', children: _jsx(GetSvgIcon, { iconType: 'tickCircle', iconSize: '32' }) }) }), _jsxs("div", { className: 'text-cq', children: [_jsx("span", { className: 'name', children: name }), _jsx("span", { className: 'designation', children: designation })] })] }));
};
export default Card;
