@watheia/pwa.sections.enterprise-offering.experts-support/dist/expert-support.js

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ExpertSupport = void 0;
const react_1 = __importDefault(require("react"));
const classnames_1 = __importDefault(require("classnames"));
const base_ui_surfaces_card_1 = require("@watheia/base-ui.surfaces.card");
const base_ui_text_paragraph_1 = require("@watheia/base-ui.text.paragraph");
const base_ui_theme_sizes_1 = require("@watheia/base-ui.theme.sizes");
const base_ui_text_muted_text_1 = require("@watheia/base-ui.text.muted-text");
const base_ui_layout_align_1 = require("@watheia/base-ui.layout.align");
const base_ui_atoms_heading_1 = require("@watheia/base-ui.atoms.heading");
const base_ui_atoms_image_1 = require("@watheia/base-ui.atoms.image");
const expert_support_module_scss_1 = __importDefault(require("./expert-support.module.scss"));
/**
 * A section showing 3 "chat messages", detailing our dedicated dev support team.
 * Floating chat heads are positioned on both sides, for desktop resolutions.
 * @name ExpertSupport
 */
const ExpertSupport = (props) => (react_1.default.createElement("div", { className: expert_support_module_scss_1.default.preventOverflow, "data-bit-id": "watheia.pwa/sections/enterprise-offering/experts-support" },
    react_1.default.createElement("div", Object.assign({}, props, { className: classnames_1.default(expert_support_module_scss_1.default.container, props.className) }),
        react_1.default.createElement("div", { className: classnames_1.default(expert_support_module_scss_1.default.mainContent, base_ui_layout_align_1.marginCenter) },
            react_1.default.createElement(base_ui_atoms_heading_1.H2, { size: base_ui_theme_sizes_1.PossibleSizes.md, className: classnames_1.default(base_ui_layout_align_1.text.center, expert_support_module_scss_1.default.title) }, "World-class support by hands-on experts"),
            react_1.default.createElement(base_ui_surfaces_card_1.Card, { className: expert_support_module_scss_1.default.card },
                react_1.default.createElement(base_ui_text_paragraph_1.Paragraph, { className: classnames_1.default(base_ui_text_muted_text_1.mutedText, expert_support_module_scss_1.default.timestamp), size: base_ui_theme_sizes_1.PossibleSizes.md }, "10:30"),
                react_1.default.createElement(base_ui_atoms_heading_1.H4, { size: base_ui_theme_sizes_1.PossibleSizes.xxs }, "Response-time SLA"),
                react_1.default.createElement(base_ui_text_paragraph_1.Paragraph, { className: base_ui_text_muted_text_1.mutedText, size: base_ui_theme_sizes_1.PossibleSizes.sm }, "Guarantee fast response times and availability through personal support channels to ensure your team never slows down delivery.")),
            react_1.default.createElement(base_ui_surfaces_card_1.Card, { className: expert_support_module_scss_1.default.card },
                react_1.default.createElement(base_ui_text_paragraph_1.Paragraph, { className: classnames_1.default(base_ui_text_muted_text_1.mutedText, expert_support_module_scss_1.default.timestamp), size: base_ui_theme_sizes_1.PossibleSizes.lg }, "10:31"),
                react_1.default.createElement(base_ui_atoms_heading_1.H4, { size: base_ui_theme_sizes_1.PossibleSizes.xxs }, "Named contacts and escalation paths"),
                react_1.default.createElement(base_ui_text_paragraph_1.Paragraph, { className: base_ui_text_muted_text_1.mutedText, size: base_ui_theme_sizes_1.PossibleSizes.sm }, "Enjoy personal support from dedicated experts that you can reach anytime you need. And, add multiple escalation paths to your arsenal just in case.")),
            react_1.default.createElement(base_ui_surfaces_card_1.Card, { className: expert_support_module_scss_1.default.card },
                react_1.default.createElement(base_ui_text_paragraph_1.Paragraph, { className: classnames_1.default(base_ui_text_muted_text_1.mutedText, expert_support_module_scss_1.default.timestamp), size: base_ui_theme_sizes_1.PossibleSizes.lg }, "10:32"),
                react_1.default.createElement(base_ui_atoms_heading_1.H4, { size: base_ui_theme_sizes_1.PossibleSizes.xxs }, "Expert review and training"),
                react_1.default.createElement(base_ui_text_paragraph_1.Paragraph, { className: base_ui_text_muted_text_1.mutedText, size: base_ui_theme_sizes_1.PossibleSizes.sm }, "Get architectural-level consultation from industry leading experts and hands-on training for best practices and personalized workflows."))),
        react_1.default.createElement("div", { className: expert_support_module_scss_1.default.chatHeads },
            react_1.default.createElement(base_ui_atoms_image_1.Image, { className: expert_support_module_scss_1.default.chatHead01, src: "support/character-1.svg", alt: "yo yo" }),
            react_1.default.createElement(base_ui_atoms_image_1.Image, { src: "support/character-2.svg", alt: "how about slack?" }),
            react_1.default.createElement(base_ui_atoms_image_1.Image, { src: "support/character-3.svg", alt: "typing.." }),
            react_1.default.createElement(base_ui_atoms_image_1.Image, { src: "support/character-4.svg", alt: "floating head" }),
            react_1.default.createElement(base_ui_atoms_image_1.Image, { src: "support/character-5.svg", alt: "floating head" }),
            react_1.default.createElement(base_ui_atoms_image_1.Image, { src: "support/character-6.svg", alt: "we can fix it!" })))));
exports.ExpertSupport = ExpertSupport;
//# sourceMappingURL=expert-support.js.map