"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Wrapper = void 0;
const scrollbar_1 = require("../../constants/scrollbar");
const styled_1 = require("../../styled");
exports.Wrapper = (0, styled_1.styled)('header', {
    shouldForwardProp: (prop) => !['$gridColumns'].includes(prop),
}) `
  display: grid;
  grid-template-columns: ${({ $gridColumns }) => $gridColumns};

  width: fit-content;
  min-width: 100%;
  padding-right: ${scrollbar_1.SCROLLBAR_SIZE};

  border-bottom: 1px solid ${({ theme }) => theme.palette.components.border.default};

  ${({ theme }) => theme.breakpoints.down('sm')} {
    display: none;
  }
`;
