import n, { css as a } from "styled-components";
import { getSpacing as o, convertToTransientProps as i } from "../../../../utils/index.js";
const e = n.div.withConfig({
  shouldForwardProp: i(["narrow"])
})`
  padding: ${(r) => o("s04", "s04", r.narrow ? "s02" : "s04")};
  border-right: ${(r) => r.narrow ? "none" : "1px solid rgba(0, 0, 0, 0.08)"};
  border-top: ${(r) => r.narrow ? "1px solid rgba(0, 0, 0, 0.08)" : "none"};
  display: ${(r) => r.narrow ? "flex" : "block"};
  overflow: auto;

  div {
    ${(r) => r.narrow && a`
        margin-right: ${o("s04")};
      `}
  }

  & > div {
    margin-bottom: ${o("s03")};
    white-space: nowrap;
  }
`;
export {
  e as SelectorsWrapper
};
