{"version":3,"sources":["price/src/index.vue"],"names":[],"mappings":";AAiDA;EACE,gDAAgD;EAChD,YAAY;AACd;AAEA;EACE,sBAAsB;AACxB;AAEA;EACE,qBAAqB;EACrB,WAAW;EACX,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,OAAO;EACP,MAAM;EACN,UAAU;EACV,yBAAyB;EACzB;;;;6EAI2E;AAC7E","sourcesContent":["<template>\n  <div\n    class=\"relative rounded-lg shadow-lg p-6 flex flex-col\"\n    :class=\"title === 'Pro' ? 'bk-gradient' : 'bg-gray-darker'\"\n  >\n    <component\n      :is=\"PriceInfo\"\n      :title=\"title\"\n      :legend=\"legend\"\n      :price=\"price\"\n      :banner=\"banner\"\n    />\n    <div class=\"my-8 flex flex-col gap-4\">\n      <a\n        :href=\"action.url\"\n        class=\"btn flex-grow text-center font-display\"\n        :class=\"title === 'Pro' ? 'btn-primary' : 'btn-outline'\"\n      >\n        {{ action.label }}\n      </a>\n      <span class=\"opacity-75 text-sm\">{{ action.legend }}</span>\n    </div>\n    <component\n      :is=\"PriceFeatures\"\n      :inherits=\"inherits\"\n      :additionalFeatures=\"additionalFeatures\"\n      style=\"z-index: 1\"\n    />\n  </div>\n</template>\n\n<script>\nimport PriceInfo from '../../price-info/src/index.vue';\nimport PriceFeatures from '../../price-features/src/index.vue';\nexport default {\n  props: {\n    title: { type: String },\n    legend: { type: String },\n    inherits: { type: Object },\n    additionalFeatures: { type: Array },\n    price: { type: Object },\n    action: { type: Object },\n    banner: { type: String },\n  },\n  setup: () => ({ PriceInfo, PriceFeatures }),\n};\n</script>\n\n<style>\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\n.bk-gradient:before {\n  border-radius: 0.5rem;\n  content: '';\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  z-index: 0;\n  background-color: #171717;\n  background-image: radial-gradient(at 65% 75%, #171717 0, transparent 100%),\n    radial-gradient(at 65% 42%, hsla(47, 100%, 50%, 0.7) 0, transparent 50%),\n    radial-gradient(at 30% 35%, hsla(355, 90%, 60%, 0.7) 0, transparent 35%),\n    radial-gradient(at 34% 57%, hsla(295, 100%, 50%, 0.7) 0, transparent 50%),\n    radial-gradient(at 76% 53%, hsla(261, 100%, 50%, 0.7) 0, transparent 64%);\n}\n</style>\n"],"sourceRoot":"/source_map/"}