{"version":3,"file":"index.vue.mjs","sources":["../../../../../../components/card/src/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { cardProps } from './card'\n\nconst props = defineProps(cardProps)\n\nconst { border, hover } = props\n\nconst classList = computed(() => {\n  return [\n    {\n      'has-border': border,\n      'has-hover': hover,\n    },\n  ]\n})\n</script>\n\n<template>\n  <div\n    class=\"fn-card\" :class=\"classList\" :style=\"{\n      backgroundColor: props.background,\n      width: `${props.width}px`,\n    }\"\n  >\n    <div class=\"fn-card--title\">\n      <span>\n        <slot name=\"header\">\n          {{ title }}\n        </slot>\n      </span>\n    </div>\n    <div class=\"fn-card--content\">\n      <slot>content</slot>\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"less\">\n\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;AAMM,IAAA,MAAA,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAA,KAAA,CAAA;AAEpB,IAAA,MAAA,SAAA,GAAY,SAAS,MAAM;AACxB,MAAA,OAAA;AAAA,QACL;AAAA,UACE,YAAc,EAAA,MAAA;AAAA,UACd,WAAa,EAAA,KAAA;AAAA,SACf;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}