maisonsport-common-ui/dist/commonjs/organisms/LessonSummaryHeader/index.js

Suite of styled-components to be consumed by the React-Native App and by the Web (via React-Native for Web)

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.chevronTestID = exports.lessonSummaryHeaderContainerTestID = void 0;

var _react = _interopRequireDefault(require("react"));

var _reactNative = require("react-native");

var _native = require("styled-components/native");

var _theme = _interopRequireDefault(require("../../theme"));

var _Box = _interopRequireDefault(require("../../atoms/Box"));

var _Touchable = _interopRequireDefault(require("../../atoms/Touchable"));

var _Text = _interopRequireDefault(require("../../atoms/Text"));

var _Avatar = _interopRequireDefault(require("../../molecules/Avatar"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

const lessonSummaryHeaderContainerTestID = 'lesson-summary-header-container';
exports.lessonSummaryHeaderContainerTestID = lessonSummaryHeaderContainerTestID;
const chevronTestID = 'lesson-summary-chevron-container';
exports.chevronTestID = chevronTestID;

function LessonSummaryHeader({
  title = '',
  subtitle = '',
  customerName = '',
  customerEmail = '',
  customerAvatarURL,
  onPress
}) {
  return /*#__PURE__*/_react.default.createElement(_native.ThemeProvider, {
    theme: _theme.default
  }, /*#__PURE__*/_react.default.createElement(_Touchable.default, _extends({
    testID: lessonSummaryHeaderContainerTestID,
    noWrapTheme: true,
    width: 1,
    height: _theme.default.sizes.messageBookingHeaderHeight_raw,
    flexDirection: "row",
    padding: 3,
    backgroundColor: "background",
    borderBottomWidth: "thin",
    borderColor: "grey",
    alignItems: "center",
    activeOpacity: !!onPress ? 0.2 : 1
  }, {
    onPress
  }), /*#__PURE__*/_react.default.createElement(_Avatar.default, {
    name: customerName,
    email: customerEmail,
    url: customerAvatarURL
  }), /*#__PURE__*/_react.default.createElement(_Box.default, {
    noWrapTheme: true,
    height: 1,
    flex: 1,
    paddingLeft: 3,
    justifyContent: "center"
  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
    noWrapTheme: true,
    fontWeight: 6,
    fontSize: 2
  }, title), /*#__PURE__*/_react.default.createElement(_Text.default, {
    noWrapTheme: true,
    fontSize: 2
  }, subtitle)), !!onPress && /*#__PURE__*/_react.default.createElement(_Box.default, {
    testID: chevronTestID,
    noWrapTheme: true,
    height: 1,
    marginRight: 3,
    alignItems: "center",
    justifyContent: "center"
  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
    source: require('../../assets/images/chevron.png'),
    style: {
      width: 15,
      height: 15
    }
  }))));
}

var _default = LessonSummaryHeader;
exports.default = _default;
//# sourceMappingURL=index.js.map