import { splitProps } from '../helpers.mjs';
import { createRecipe } from './create-recipe.mjs';

const kbdFn = /* @__PURE__ */ createRecipe('kbd', {}, [])

const kbdVariantMap = {
  "variant": [
    "dark",
    "darkOutline",
    "light",
    "grayLight",
    "outline"
  ]
}

const kbdVariantKeys = Object.keys(kbdVariantMap)

export const kbd = /* @__PURE__ */ Object.assign(kbdFn, {
  __recipe__: true,
  __name__: 'kbd',
  raw: (props) => props,
  variantKeys: kbdVariantKeys,
  variantMap: kbdVariantMap,
  splitVariantProps(props) {
    return splitProps(props, kbdVariantKeys)
  },
})