import { SCROLLBAR_SIZE } from '../../constants/scrollbar';
import { styled } from '../../styled';
export const Wrapper = styled('header', {
    shouldForwardProp: (prop) => !['$gridColumns'].includes(prop),
}) `
  display: grid;
  grid-template-columns: ${({ $gridColumns }) => $gridColumns};

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

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

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