import { createStyles } from "../../node_modules/.pnpm/@mantine_emotion@7.15.2_@emotion_cache@11.14.0_@emotion_react@11.14.0_@types_react@18.3.18_re_vflj3eioazr6wkrxpatinf66nq/node_modules/@mantine/emotion/esm/create-styles.mjs";
import { getRadius } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/utils/get-size/get-size.mjs";
const usePrismStyles = createStyles((theme, { colorScheme, native, maxLineSize, radius }) => ({
  scrollArea: {},
  root: {
    position: "relative"
  },
  code: {
    boxSizing: "border-box",
    position: "relative",
    fontFamily: theme.fontFamilyMonospace,
    lineHeight: 1.7,
    fontSize: 13,
    overflowX: native ? "auto" : void 0,
    borderRadius: getRadius(radius),
    padding: `${theme.spacing.sm}px 0`,
    marginTop: 0,
    marginBottom: 0
  },
  copy: {
    position: "absolute",
    top: theme.spacing.xs,
    right: theme.spacing.xs,
    // right: theme.dir === 'ltr' ? theme.spacing.xs : 'unset',
    // left: theme.dir === 'rtl' ? theme.spacing.xs : 'unset',
    zIndex: 2,
    "&, &:hover": {
      backgroundColor: colorScheme === "dark" ? theme.colors.dark[8] : theme.colors.gray[0]
    }
  },
  line: {
    display: "flex",
    width: "100%",
    padding: `0 ${theme.spacing.md}px`
  },
  lineNumber: {
    color: colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4],
    textAlign: "right",
    width: 8 * maxLineSize,
    marginRight: theme.spacing.xs,
    // marginRight: theme.dir === 'ltr' ? theme.spacing.xs : undefined,
    // marginLeft: theme.dir === 'rtl' ? theme.spacing.xs : undefined,
    userSelect: "none"
  },
  lineContent: {
    width: "100%"
  }
}));
export {
  usePrismStyles as default
};
