@farango/calendar_library
Version:
The **Event Calendar** is a simple and responsive React component that displays a **monthly calendar** with support for events. This component is built with React and SCSS and can be easily integrated into your React applications.
45 lines (43 loc) • 2.03 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
require("./DailyAppointments.scss");
var _fa = require("react-icons/fa");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
// Correct SCSS import
var ProfileHeader = function ProfileHeader(_ref) {
var image = _ref.image,
name = _ref.name,
subtitle = _ref.subtitle,
service = _ref.service,
shortText = _ref.shortText,
_ref$subtitleIcon = _ref.subtitleIcon,
subtitleIcon = _ref$subtitleIcon === void 0 ? /*#__PURE__*/_react["default"].createElement(_fa.FaClock, null) : _ref$subtitleIcon,
_ref$shortTextIcon = _ref.shortTextIcon,
shortTextIcon = _ref$shortTextIcon === void 0 ? /*#__PURE__*/_react["default"].createElement(_fa.FaVideo, null) : _ref$shortTextIcon;
return /*#__PURE__*/_react["default"].createElement("div", {
className: "profile--header"
}, /*#__PURE__*/_react["default"].createElement("div", {
className: "profile--header__image-box"
}, image ? /*#__PURE__*/_react["default"].createElement("img", {
src: image,
alt: "".concat(name, "'s profile"),
className: "profile--header__image"
}) : /*#__PURE__*/_react["default"].createElement("div", {
className: "profile--header__image-placeholder"
}, "No Image")), /*#__PURE__*/_react["default"].createElement("div", {
className: "profile--header__details"
}, /*#__PURE__*/_react["default"].createElement("h3", {
className: "profile--header__name"
}, name, /*#__PURE__*/_react["default"].createElement("span", {
className: "profile--header__service"
}, service)), /*#__PURE__*/_react["default"].createElement("p", {
className: "profile--header__subtitle"
}, subtitleIcon, " ", subtitle), /*#__PURE__*/_react["default"].createElement("p", {
className: "profile--header__shorttext"
}, shortTextIcon, " ", shortText)));
};
var _default = exports["default"] = ProfileHeader;