@cimpress/react-components/dist/src/TabMenu/TabGroup.js

React components to support the MCP styleguide

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const css_1 = require("@emotion/css");
const cvar_1 = __importDefault(require("../theme/cvar"));
const tabGroupStyle = (0, css_1.css) `
  background-color: ${(0, cvar_1.default)('color-tabmenu-background')};
  padding-top: ${(0, cvar_1.default)('spacing-2')};

  h6 {
    padding: ${(0, cvar_1.default)('spacing-8')} ${(0, cvar_1.default)('spacing-32')};
    margin: 0;
    border-bottom: 1px solid ${(0, cvar_1.default)('color-border-default')};
  }
`;
const TabGroup = ({ label, children }) => (react_1.default.createElement("div", { className: tabGroupStyle },
    react_1.default.createElement("h6", null, label),
    children));
exports.default = TabGroup;
//# sourceMappingURL=TabGroup.js.map