"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const createStyles = require("../../node_modules/.pnpm/@mantine_emotion@7.17.8_patch_hash_op2x5ib3e7mgdsoy22n5xoaf4q_@emotion_cache@11.14.0_@emotion_54ygowx4natmcqkxvanlwrr74u/node_modules/@mantine/emotion/esm/create-styles.cjs");
const useStyles = createStyles.createStyles((theme, params, utils) => {
  const { hasError } = params;
  const invalidColor = theme.variantColorResolver({
    variant: "filled",
    color: "red",
    theme
  }).background;
  const invalidStyles = {
    borderColor: theme.colors.red[4],
    color: invalidColor,
    "&:hover": {
      borderColor: theme.colors.red[4]
    },
    "&:focus": {
      borderColor: theme.colors.red[4]
    }
  };
  return {
    dropdownButton: {
      display: "none"
    },
    container: {
      // marginTop: 8,
      "&.react-tel-input": {
        ".form-control": {
          fontFamily: theme.fontFamily,
          // see more https://github.com/mantinedev/mantine/blob/v6/src/mantine-core/src/Input/Input.styles.ts#L30-L187
          [utils.dark]: {
            backgroundColor: theme.colors.carbon[0]
          },
          [utils.light]: {
            backgroundColor: theme.white
          },
          transition: "border-color 100ms ease",
          fontSize: 14,
          color: theme.colors.carbon[8],
          width: "100%",
          height: 40,
          minHeight: 40,
          lineHeight: "38px",
          borderRadius: theme.defaultRadius,
          padding: "0 12px",
          borderWidth: 1,
          borderStyle: "solid",
          borderColor: theme.colors.carbon[4],
          marginBottom: hasError ? 5 : void 0,
          outline: "none",
          "&:hover": {
            borderColor: theme.colors.carbon[5]
          },
          "&:focus, &:focus-within": {
            borderColor: theme.colors.carbon[9]
          },
          "&::placeholder": {
            userSelect: "none",
            color: theme.colors.carbon[6],
            opacity: 1
          },
          ...hasError ? invalidStyles : void 0
        }
      }
    }
  };
});
exports.useStyles = useStyles;
