@kiwicom/orbit-components/lib/CallOutBanner/index.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com's products.

"use strict";
"use client";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _clsx = _interopRequireDefault(require("clsx"));
var _Heading = _interopRequireDefault(require("../Heading"));
var _Stack = _interopRequireDefault(require("../Stack"));
var _Text = _interopRequireDefault(require("../Text"));
const CallOutBanner = ({
  children,
  illustration,
  actions,
  title,
  onClick,
  tabIndex,
  description,
  dataTest,
  id
}) =>
/*#__PURE__*/
// eslint-disable-next-line jsx-a11y/click-events-have-key-events
React.createElement("div", {
  className: (0, _clsx.default)("orbit-call-out-banner bg-white-normal rounded-50 p-400 lm:flex-row lm:p-600 flex flex-col items-start justify-start border border-solid text-start", onClick ? "shadow-level1 duration-fast hover:shadow-level2 active:shadow-level2 cursor-pointer border-transparent transition-shadow ease-in-out hover:outline-none active:outline-none" : "border-cloud-normal"),
  role: "button",
  onClick: onClick,
  tabIndex: (onClick || Number(tabIndex)) && (Number(tabIndex) || 0),
  "data-test": dataTest,
  id: id
}, illustration && /*#__PURE__*/React.createElement("div", {
  className: "pb-400 lm:pe-600 lm:pb-0"
}, illustration), /*#__PURE__*/React.createElement(_Stack.default, {
  spacing: "400"
}, /*#__PURE__*/React.createElement(_Stack.default, {
  spacing: "200"
}, /*#__PURE__*/React.createElement(_Stack.default, {
  spacing: "100"
}, title && /*#__PURE__*/React.createElement(_Heading.default, {
  type: "title3"
}, title), description && /*#__PURE__*/React.createElement(_Text.default, null, description)), children), actions));
var _default = exports.default = CallOutBanner;