@fluent-windows/core/Tooltip/Tooltip.styled.js

React components that inspired by Microsoft's Fluent Design System.

"use strict";

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

var _styles = require("@fluent-windows/styles");

var _styles2 = require("../styles");

var root = function root(theme) {
  return {
    backgroundColor: (0, _styles2.lighten)((0, _styles.themeGet)('colors.black.default', '#000')(theme), 0.6),
    color: (0, _styles.themeGet)('colors.white.default', '#fff')(theme),
    fontSize: '0.625rem',
    fontWeight: 500,
    padding: '4px 8px',
    margin: '6px 0',
    maxWidth: 320,
    borderRadius: 2,
    zIndex: 10001
  };
};

var styles = function styles(theme) {
  return {
    root: root(theme)
  };
};

exports.styles = styles;