/*
 * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
 * or more contributor license agreements. Licensed under the Elastic License
 * 2.0 and the Server Side Public License, v 1; you may not use this file except
 * in compliance with, at your election, the Elastic License 2.0 or the Server
 * Side Public License, v 1.
 */

import { css } from '@emotion/react';
import { logicalCSS } from '../../global_styling';
import { euiTitle } from '../title/title.styles';
import { euiListItemVariables } from '../list_item_layout/_list_item_layout.styles';
export var euiContextMenuPanelTitleStyles = function euiContextMenuPanelTitleStyles(euiThemeContext) {
  var _euiListItemVariables = euiListItemVariables(euiThemeContext),
    textPadding = _euiListItemVariables.textPadding;
  return {
    euiContextMenuPanelTitle: /*#__PURE__*/css("display:flex;align-items:center;", logicalCSS('padding-horizontal', textPadding.horizontal), " ", euiTitle(euiThemeContext, 'xxs'), ";;label:euiContextMenuPanelTitle;"),
    text: /*#__PURE__*/css("flex-grow:1;overflow:hidden;", logicalCSS('padding-vertical', textPadding.vertical), " ", logicalCSS('padding-horizontal', textPadding.horizontal), ";;label:text;")
  };
};