"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var Dropdown_theme_exports = {};
__export(Dropdown_theme_exports, {
  default: () => Dropdown_theme_default
});
module.exports = __toCommonJS(Dropdown_theme_exports);
var import_yoga_common = require("@gympass/yoga-common");
const Dropdown = ({
  colors,
  fontSizes,
  fontWeights,
  lineHeights,
  radii,
  spacing,
  borders
}) => ({
  width: 320,
  selector: {
    background: colors.white,
    padding: {
      top: spacing.small,
      right: spacing.small,
      bottom: spacing.small,
      left: spacing.small
    },
    border: {
      width: borders.small,
      radius: radii.small,
      color: colors.elements.lineAndBorders
    }
  },
  arrow: {
    fill: colors.text.secondary
  },
  input: {
    font: {
      color: colors.text.secondary,
      size: fontSizes.small,
      lineHeight: lineHeights.small
    },
    label: {
      color: colors.text.primary,
      margin: {
        left: spacing.xxxsmall
      }
    }
  },
  button: {
    padding: {
      right: spacing.small,
      top: spacing.small,
      bottom: spacing.small
    }
  },
  optionsList: {
    backgroundColor: colors.white,
    border: {
      radius: {
        topLeft: radii.sharp,
        topRight: radii.sharp,
        bottomRight: radii.small,
        bottomLeft: radii.small
      },
      width: borders.small,
      color: colors.text.primary
    }
  },
  option: {
    height: spacing.xxlarge,
    backgroundColor: colors.white,
    padding: {
      top: spacing.zero,
      right: spacing.small,
      bottom: spacing.zero,
      left: spacing.small
    },
    border: {
      width: borders.small,
      color: colors.elements.backgroundAndDisabled,
      radius: {
        topLeft: radii.sharp,
        topRight: radii.sharp,
        bottomRight: radii.small,
        bottomLeft: radii.small
      }
    },
    font: {
      color: colors.text.primary,
      size: fontSizes.small,
      lineHeight: lineHeights.small,
      weight: fontWeights.regular
    }
  },
  backdrop: {
    content: {
      height: 320,
      backgroundColor: colors.white,
      border: {
        radius: {
          topLeft: radii.small,
          topRight: radii.small
        }
      },
      title: {
        padding: {
          top: spacing.medium,
          right: spacing.zero,
          bottom: spacing.medium,
          left: spacing.zero
        },
        font: {
          weight: fontWeights.bold,
          size: fontSizes.medium
        }
      },
      option: {
        padding: {
          top: spacing.large,
          right: spacing.large,
          bottom: spacing.large,
          left: spacing.large
        }
      },
      actions: {
        padding: {
          top: spacing.zero,
          right: spacing.large,
          bottom: spacing.large,
          left: spacing.large
        }
      }
    }
  },
  hover: {
    selector: {
      border: {
        color: colors.text.primary,
        error: colors.verve
      }
    },
    option: {
      backgroundColor: (0, import_yoga_common.hexToRgb)(colors.elements.backgroundAndDisabled, 0.5)
    }
  },
  disabled: {
    selector: {
      border: {
        color: colors.steady
      }
    },
    input: {
      font: {
        color: colors.steady
      }
    },
    arrow: {
      fill: colors.steady,
      disabled: colors.steady
    }
  },
  selected: {
    selector: {
      border: {
        color: colors.text.primary
      }
    },
    arrow: {
      fill: colors.text.primary
    },
    input: {
      font: {
        color: colors.text.primary
      }
    },
    optionsList: {
      border: {
        color: colors.text.primary
      }
    },
    option: {
      font: {
        color: colors.text.primary,
        weight: fontWeights.medium,
        size: fontSizes.small
      }
    }
  }
});
var Dropdown_theme_default = Dropdown;
