@redocly/theme/lib/components/Panel/PanelHeader.js

Shared UI components lib

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.PanelHeader = void 0;
const styled_components_1 = __importDefault(require("styled-components"));
exports.PanelHeader = styled_components_1.default.div.attrs(({ className }) => ({
    'data-component-name': 'Panel/PanelHeader',
    className,
})) `
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-unit);
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  white-space: var(--panel-heading-white-space-local);
  color: var(--panel-heading-text-color);

  cursor: ${({ isExpandable = true }) => (isExpandable ? 'pointer' : 'unset')};

  line-height: var(--panel-heading-line-height-local);
  font-size: var(--panel-heading-font-size-local);
  font-family: var(--panel-heading-font-family-local);
  padding: var(--panel-heading-padding-local);
  border: var(--panel-heading-border);
  border-bottom: ${({ isExpandable = true }) => isExpandable ? 'none' : 'var(--panel-heading-border-bottom)'};
  background-color: var(--panel-heading-bg-color);

  border-top-left-radius: var(--panel-border-radius);
  border-top-right-radius: var(--panel-border-radius);
  border-bottom-right-radius: ${({ expanded, isExpandable = true }) => expanded || !isExpandable ? '0' : 'var(--panel-border-radius)'};
  border-bottom-left-radius: ${({ expanded, isExpandable = true }) => expanded || !isExpandable ? '0' : 'var(--panel-border-radius)'};

  pointer-events: ${({ disabled }) => (disabled ? 'none' : 'auto')};
`;
//# sourceMappingURL=PanelHeader.js.map