// ---------------------------------------------
// DROPDOWN - CONFIGURATION
// ---------------------------------------------
@use "../../../styles/tokens/space";
@use "../../../styles/tools/convert";
@use "../../../styles/tokens/color";

$space: space.get("small");

$dropdown-menu: (
  default: (
    min-width: 80px,
    background-color: var(--color-surface-primary),
    border-radius: convert.to-rem(5px),
    border: 2px solid var(--color-border-contrast),
    overflow: "hidden",
  ),
);

$dropdown-menu-item: (
  default: (
    padding: $space,
    color: var(--color-text-default),
    cursor: pointer,
  ),
  active: (
    color: var(--color-text-inverse),
    background-color: var(--color-surface-contrast),
  ),
  highlighted: (
    background-color: var(--color-surface-contrast),
    color: var(--color-text-inverse),
  ),
);

$divider: (
  height: 0,
  margin: space.get("small") 0,
  overflow: hidden,
  border-top: 1px solid var(--color-surface-subtle),
);