import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { GetSvgIcon } from '..';
import './style.scss';
const ClickableCard = ({ title = "CEO Apple", getText, }) => {
    const handleClick = () => {
        getText(title);
        alert(title + " Clicked!");
    };
    return (_jsx("div", { className: 'card-style', onClick: handleClick, children: _jsx("div", { className: 'collapsed', children: _jsxs("div", { className: 'title-cheveron', children: [_jsx("span", { className: 'title--c', children: title }), _jsx("span", { className: 'svg--c', children: _jsx(GetSvgIcon, { iconType: 'chevronRight', iconSize: '16' }) })] }) }) }));
};
export default ClickableCard;
