{"version":3,"file":"header.mjs","sources":["../../../../../packages/components/container/src/header.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useNamespace } from '@element3/hooks'\nimport type { CSSProperties } from 'vue'\nconst ns = useNamespace('header')\ndefineOptions({\n  name: 'ElHeader',\n})\n\nconst props = defineProps({\n  height: {\n    type: String,\n    default: '60px',\n  },\n})\n\nconst style = computed(() => {\n  return props.height\n    ? (ns.cssVarBlock({\n        height: props.height,\n      }) as CSSProperties)\n    : {}\n})\n</script>\n\n<template>\n  <header :class=\"ns.b()\" :style=\"style\">\n    <slot />\n  </header>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAIA,IAAA,MAAA,EAAA,GAAA,aAAA,QAAA,CAAA,CAAA;AAYA,IAAA,MAAA,KAAA,GAAA,SAAA,MAAA;AACA,MAAA,OAAA,KAAA,CAAA,MACA,GAAA,EAAA,CAAA,WAAA,CAAA;AAAA,QACA,QAAA,KAAA,CAAA,MAAA;AAAA,OACA,IACA,EAAA,CAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;"}