import './Note.styles_bmmujy.css';
import { styled } from '@linaria/react';
import { tokens } from './Note.tokens.js';
import { component, mergeConfig } from '../../engines/common.js';
import { buttonConfig } from '../Button/Button.js';

var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
var Button = /*#__PURE__*/component(mergedButtonConfig);
var base = "b191859j";
var ContentBefore = /*#__PURE__*/styled('div')({
  name: "ContentBefore",
  "class": "ce81907",
  propsAsIs: false
});
var ContentWrapper = /*#__PURE__*/styled('div')({
  name: "ContentWrapper",
  "class": "c1dyxwld",
  propsAsIs: false
});
var TextBox = /*#__PURE__*/styled('div')({
  name: "TextBox",
  "class": "t116s8w1",
  propsAsIs: false
});
var _exp = function _exp() {
  return function (_ref) {
    var hasClose = _ref.hasClose;
    return hasClose ? "var(".concat(tokens.titlePaddingRight, ")") : 0;
  };
};
var Title = /*#__PURE__*/styled('div')({
  name: "Title",
  "class": "t1iwj21t",
  propsAsIs: false,
  vars: {
    "t1iwj21t-0": [/*#__PURE__*/_exp()]
  }
});
var TitleHelper = /*#__PURE__*/styled('div')({
  name: "TitleHelper",
  "class": "t1udt82u",
  propsAsIs: false
});
var Text = /*#__PURE__*/styled('span')({
  name: "Text",
  "class": "tdyxpkg",
  propsAsIs: false
});
var TextHelper = /*#__PURE__*/styled('span')({
  name: "TextHelper",
  "class": "tpy0e29",
  propsAsIs: false
});
var ActionContentContainer = /*#__PURE__*/styled('div')({
  name: "ActionContentContainer",
  "class": "a15l0mn5",
  propsAsIs: false
});
var _exp2 = function _exp2() {
  return Button;
};
var CloseIconWrapper = /*#__PURE__*/styled(_exp2())({
  name: "CloseIconWrapper",
  "class": "ca8r2nq",
  propsAsIs: true
});

export { ActionContentContainer, CloseIconWrapper, ContentBefore, ContentWrapper, Text, TextBox, TextHelper, Title, TitleHelper, base };
