{"version":3,"file":"BlokSectionIntroduction.d1e765ce.js","sources":["../../../../storyblok/Blok/BlokSectionIntroduction.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { BlokSectionIntroduction } from '~~/types/storyblok/bloks'\n\nconst props = defineProps<{ blok: BlokSectionIntroduction }>()\n\nconst headline = computed(() => {\n  return props.blok?.headline || ''\n})\n\nconst useSmallType = computed(() => props.blok?.size === 'sm')\n\nconst buttonBlok = computed(() => {\n  return {\n    _uid: props?.blok?._uid || '',\n    component: 'UiButton',\n    label: 'See all',\n    link: {\n      ...props.blok?.link,\n      id: props?.blok?.link?.id || '',\n    },\n    theme: 'theme-grey-100 button--outline',\n  }\n})\n</script>\n\n<template lang=\"pug\">\ndiv(\n  v-editable=\"blok\"\n  v-if=\"headline\"\n  class=\"flex container justify-between items-center gap-18 py-48\"\n  :class=\"[props.blok?.horizontal_alignment || 'text-left']\"\n)\n  h2(\n    class=\"heading-1 mb-0 grow\"\n    :class=\"useSmallType ? 'text-2xl font-sans' : 'text-3xl'\"\n  ) {{ headline }}\n  UiButton(\n    v-if=\"buttonBlok?.link?.id\"\n    :blok=\"buttonBlok\"\n    class=\"!m-0\"\n  )\n</template>\n"],"names":["headline","computed","_a","props","useSmallType","buttonBlok","_b","_d","_c"],"mappings":"0RAKAA,EAAAC,EAAA,IAAA,OACE,QAAAC,EAAAC,EAAA,OAAA,YAAAD,EAAA,WAAA,EAA+B,CAAA,EAGjCE,EAAAH,EAAA,IAAA,OAAA,QAAAC,EAAAC,EAAA,OAAA,YAAAD,EAAA,QAAA,KAAA,EAEAG,EAAAJ,EAAA,IAAA,aACE,MAAA,CAAO,OAAAC,EAAAC,GAAA,YAAAA,EAAA,OAAA,YAAAD,EAAA,OAAA,GACsB,UAAA,WAChB,MAAA,UACJ,KAAA,CACD,IAAAI,EAAAH,EAAA,OAAA,YAAAG,EAAA,KACW,KAAAC,GAAAC,EAAAL,GAAA,YAAAA,EAAA,OAAA,YAAAK,EAAA,OAAA,YAAAD,EAAA,KAAA,EACc,EAC/B,MAAA,gCACO,CACT,CAAA"}