cozy-search/dist/components/TwakeKnowledges/WebSearchChip.js

UI components about search bar and IA assistant

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

var _twakeIcons = require("@linagora/twake-icons");

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

var _Chips = _interopRequireDefault(require("cozy-ui/transpiled/react/Chips"));

var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");

var _twakeI18n = require("twake-i18n");

var CHIP_CLASSES = {
  label: 'u-p-0',
  icon: 'u-m-0'
};

var WebSearchChip = function WebSearchChip(_ref) {
  var websearchEnabled = _ref.websearchEnabled,
      onToggleWebsearch = _ref.onToggleWebsearch;

  var _useI18n = (0, _twakeI18n.useI18n)(),
      t = _useI18n.t;

  var _useBreakpoints = (0, _Breakpoints.useBreakpoints)(),
      isMobile = _useBreakpoints.isMobile;

  return /*#__PURE__*/_react.default.createElement(_Chips.default, {
    "aria-pressed": websearchEnabled,
    "aria-label": t('assistant.websearch.label'),
    title: t('assistant.websearch.label'),
    icon: /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
      icon: _twakeIcons.Planet,
      size: 16,
      style: {
        height: 16,
        width: 16,
        marginLeft: isMobile ? 0 : 8,
        marginRight: isMobile ? 0 : 6
      },
      color: websearchEnabled ? undefined : 'var(--secondaryTextColor)'
    }),
    label: isMobile ? '' : t('assistant.websearch.label'),
    clickable: true,
    variant: websearchEnabled ? 'ghost' : 'default',
    classes: isMobile ? CHIP_CLASSES : {
      label: 'u-pl-0 u-fz-tiny'
    },
    className: "u-mr-half",
    onClick: onToggleWebsearch
  });
};

var _default = WebSearchChip;
exports.default = _default;