{"version":3,"sources":["price-info/src/index.vue"],"names":[],"mappings":";AAiEA;EACE,mBAAmB;AACrB;AAEA;EACE,iBAAiB;AACnB;AAEA;EACE,gDAAgD;EAChD,YAAY;AACd;AAEA;EACE,sBAAsB;AACxB","sourcesContent":["<template>\n  <div\n    :class=\"`price-info relative flex flex-col ${\n      highlight ? 'highlight' : 'lg:pb-5'\n    }`\"\n  >\n    <header class=\"text-4xl flex flex-col py-4\">\n      <span\n        class=\"font-light font-display text-primary text-2xl col-span-2 py-6\"\n      >\n        {{ title }}\n      </span>\n      <span class=\"text-lg pb-6 text-gray-light\">{{ legend }}</span>\n      <span\n        class=\"flex-col flex-grow items-end tracking-tight font-semibold text-white\"\n      >\n        <template v-if=\"price && price.value > 0\">\n          <div>\n            <span class=\"mr-2 text-white\">{{ price.symbol }}</span>\n            <span aria-label=\"Subscription Price\">{{ value }}</span>\n            <span class=\"ml-1 text-white text-base tracking-wide pb-2\">\n              /mo (yearly)\n            </span>\n          </div>\n          <div class=\"font-light text-sm text-gray-light\">\n            <span>\n              {{ price.symbol }} {{ Math.trunc(value / 0.8) }} /mo (monthly)\n            </span>\n          </div>\n        </template>\n        <span v-else class=\"text-4xl text-white\">\n          {{ price.value }}\n        </span>\n      </span>\n    </header>\n    <p\n      class=\"bg-black-divriots text-white font-semibold text-center rounded-md py-1\"\n      v-if=\"banner\"\n    >\n      {{ banner }}\n    </p>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    title: { type: String },\n    legend: { type: String },\n    price: { type: Object },\n    banner: { type: String },\n  },\n  computed: {\n    highlight() {\n      return this.price && this.price.value > 0;\n    },\n    value() {\n      return this.price.value;\n    },\n  },\n  setup() {},\n};\n</script>\n\n<style>\n.price-info {\n  min-height: 12.2rem;\n}\n\n.price-info.highlight {\n  min-height: 12rem;\n}\n\n.shadow-inset-control {\n  box-shadow: inset 0 0 2rem 2rem rgb(0 0 0 / 10%);\n  padding: 2px;\n}\n\n.shadow-inset-control > button {\n  border-radius: 0.25rem;\n}\n</style>\n"],"sourceRoot":"/source_map/"}