'use strict';

var React = require('react');
var SkillPlaceholder = require('./skillplaceholder.png');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var SkillPlaceholder__default = /*#__PURE__*/_interopDefaultLegacy(SkillPlaceholder);

const SkillVerticalCard = ({
  title = "Creative Thinking",
  thumbImg,
  className,
  onClick = () => {
  }
}) => {
  const thumbSrc = thumbImg || SkillPlaceholder__default["default"];
  return /* @__PURE__ */ React__default["default"].createElement(
    "div",
    {
      onClick,
      className: `flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[0px] px-[0px] w-[160px] h-[215px] rounded-[20px] overflow-hidden ${className}`
    },
    /* @__PURE__ */ React__default["default"].createElement("section", { className: "flex skill-vert-card-title-container items-center bg-indigo-600 h-[76px] justify-center items-center" }, /* @__PURE__ */ React__default["default"].createElement("h3", { className: "text-[14px] font-semibold text-white" }, title)),
    /* @__PURE__ */ React__default["default"].createElement("section", { className: "skill-vert-card-details my-[5px] flex items-center justify-center overflow-hidden pt-[5px]" }, /* @__PURE__ */ React__default["default"].createElement(
      "img",
      {
        src: thumbSrc,
        className: "skill-vert-thumb object-cover overflow-hidden w-[140px] h-[119px] rounded-[20px]"
      }
    ))
  );
};

exports.SkillVerticalCard = SkillVerticalCard;
//# sourceMappingURL=SkillVerticalCard-62e308b4.js.map
