import { _ as __nuxt_component_0, a as __nuxt_component_1 } from "./SectionContainer-5a7aa7e3.js";
import { _ as __nuxt_component_0$1 } from "./SectionTitle-2692cd9d.js";
import { _ as __nuxt_component_3$1 } from "./SectionLayer-8e9d6e6a.js";
import { _ as __nuxt_component_3 } from "./Icon-7157bd57.js";
import { _ as __nuxt_component_8 } from "./RoundedButton-a0ea68b9.js";
import { _ as __nuxt_component_0$2, a as __nuxt_component_12 } from "./SearchForm-76ddffad.js";
import { u as useDayjs } from "./dayjs-9d0b29d3.js";
import { computed, mergeProps, unref, useSSRContext, withCtx, createTextVNode, createVNode } from "vue";
import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderAttr, ssrRenderClass, ssrRenderList } from "vue/server-renderer";
import { _ as __nuxt_component_9, a as __nuxt_component_6 } from "./CircleNumber-b5fd293b.js";
import { _ as __nuxt_component_4 } from "./FormTitle-afe32d73.js";
import { v4 } from "uuid";
import { _ as _export_sfc } from "../server.mjs";
import "destr";
import "devalue";
import "klona";
import "lodash";
import "ofetch";
import "#internal/nitro";
import "hookable";
import "unctx";
import "vue-router";
import "h3";
import "ufo";
import "@vue/devtools-api";
import "@unhead/ssr";
import "unhead";
import "@unhead/shared";
import "dayjs";
import "dayjs/locale/fr.js";
import "dayjs/plugin/relativeTime.js";
import "dayjs/plugin/utc.js";
import "dayjs/plugin/timezone.js";
import "@headlessui/vue";
import "vue-i18n";
import "vue3-popper";
import "defu";
const _sfc_main$4 = {
  __name: "ItineraryCard",
  __ssrInlineRender: true,
  props: {
    // Définissez vos props ici
    route: {
      type: Object,
      required: true,
      default: () => ({})
    }
  },
  setup(__props) {
    const props = __props;
    const dayjs = useDayjs();
    const formattedDate = computed(() => {
      return dayjs(props.route.start_min_at).format("DD/MM/YYYY");
    });
    return (_ctx, _push, _parent, _attrs) => {
      const _component_icon = __nuxt_component_3;
      _push(`<a${ssrRenderAttrs(mergeProps({
        href: "#",
        class: "border-primary-lighter group flex justify-between rounded-3xl border border-opacity-40 p-6 transition-colors hover:bg-white"
      }, _attrs))}><div div class="flex flex-col"><div class="text-primary-lighter mb-2 flex items-center text-[0.938rem]">`);
      _push(ssrRenderComponent(_component_icon, {
        icon: "calendrier",
        class: "mr-2 h-3 w-3"
      }, null, _parent));
      _push(` ${ssrInterpolate(unref(formattedDate))}</div><div class="flex h-full"><div class="mr-3 flex h-full flex-col items-center py-2"><div class="bg-secondary h-4 w-4 rounded-full"></div><div class="border-primary-lighter grow border-l-4 border-dotted border-opacity-60"></div><div class="bg-ternary h-4 w-4 rounded-full"></div></div><div class="flex flex-col justify-between"><div class="group-hover:text-primary mb-1 text-[1.25rem] font-semibold uppercase text-white">${ssrInterpolate(__props.route.origin_city.name)}</div><div class="group-hover:text-primary text-[1.25rem] font-semibold uppercase text-white">${ssrInterpolate(__props.route.destination_city.name)}</div></div></div></div><div class="text-primary-lighter group-hover:text-primary flex -rotate-90 flex-col justify-center text-opacity-40">`);
      _push(ssrRenderComponent(_component_icon, {
        icon: "caret-down",
        class: "h-4 w-4"
      }, null, _parent));
      _push(`</div></a>`);
    };
  }
};
const _sfc_setup$4 = _sfc_main$4.setup;
_sfc_main$4.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/cards/ItineraryCard.vue");
  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
};
const __nuxt_component_7 = _sfc_main$4;
const _sfc_main$3 = {
  props: {
    modelValue: {
      type: String,
      default: "",
      required: false
    },
    label: {
      type: String,
      default: "Label",
      required: true
    },
    icon: {
      type: String,
      default: "crayon",
      required: false
    },
    placeholder: {
      type: String,
      default: "placeholder",
      required: true
    },
    color: {
      type: String,
      default: "primary",
      required: true
    },
    type: {
      type: String,
      default: "text",
      required: false
    },
    required: {
      type: Boolean,
      default: false,
      required: false
    }
  },
  data() {
    return {
      id: v4()
    };
  },
  computed: {
    focusColor() {
      return "focus:border-" + this.color;
    }
  }
};
function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
  const _component_icon = __nuxt_component_3;
  _push(`<div${ssrRenderAttrs(mergeProps({ class: "font-medium" }, _attrs))}><label${ssrRenderAttr("for", $data.id)} class="${ssrRenderClass(`text-${$props.color} mb-1 block text-[0.813rem]`)}">${ssrInterpolate($props.label)}</label><div class="relative"><div class="absolute inset-y-0 right-2 flex items-center pl-3 pointer-events-none">`);
  _push(ssrRenderComponent(_component_icon, {
    icon: $props.icon,
    class: `mr-2 h-4 w-4 text-${$props.color}`
  }, null, _parent));
  _push(`</div><input${ssrRenderAttr("type", $props.type)}${ssrRenderAttr("id", $data.id)} class="${ssrRenderClass(`block w-full rounded-md border border-gray-300 bg-white p-2.5 text-[0.813rem] text-${$props.color} focus:border-${$options.focusColor} focus:outline-none`)}"${ssrRenderAttr("placeholder", $props.placeholder)}${ssrRenderAttr("value", $props.modelValue)} required></div></div>`);
}
const _sfc_setup$3 = _sfc_main$3.setup;
_sfc_main$3.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/form/FormInputText.vue");
  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
};
const __nuxt_component_11 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["ssrRender", _sfc_ssrRender$3]]);
const FormRangeSlider_vue_vue_type_style_index_0_scoped_600d7f59_lang = "";
const _sfc_main$2 = {
  props: {
    label: {
      type: String,
      default: "Label",
      required: true
    },
    placeholder: {
      type: String,
      default: "placeholder",
      required: true
    },
    color: {
      type: String,
      default: "primary",
      required: true
    },
    min: {
      type: Number,
      default: 0,
      required: true
    },
    max: {
      type: Number,
      default: 100,
      required: true
    },
    step: {
      type: Number,
      default: 1,
      required: false
    }
  },
  data() {
    return {
      id: v4()
    };
  },
  computed: {
    color() {
      return "text-" + this.color;
    },
    focusColor() {
      return "focus:border-" + this.color;
    }
  }
};
function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
  _push(`<div${ssrRenderAttrs(_attrs)} data-v-600d7f59><label${ssrRenderAttr("for", $data.id)} class="${ssrRenderClass(`${$options.color} block text-[0.813rem] font-semibold`)}" data-v-600d7f59>${ssrInterpolate($props.label)}</label><input${ssrRenderAttr("id", $data.id)} type="range"${ssrRenderAttr("min", $props.min)}${ssrRenderAttr("max", $props.max)} value="2.5"${ssrRenderAttr("step", $props.step)} class="${ssrRenderClass(`w-full h-1 ${$options.color} cursor-pointer mb-2`)}" data-v-600d7f59><div class="flex justify-between text-[0.813rem] text-gray-500" data-v-600d7f59><div data-v-600d7f59>${ssrInterpolate($props.min)} km</div><div data-v-600d7f59>${ssrInterpolate($props.max)} km</div></div></div>`);
}
const _sfc_setup$2 = _sfc_main$2.setup;
_sfc_main$2.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/form/FormRangeSlider.vue");
  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
};
const __nuxt_component_13 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender$2], ["__scopeId", "data-v-600d7f59"]]);
const _sfc_main$1 = {
  props: {
    label: {
      type: String,
      default: "Label",
      required: true
    },
    placeholder: {
      type: String,
      default: "placeholder",
      required: true
    },
    color: {
      type: String,
      default: "primary",
      required: true
    }
  },
  data() {
    return {
      id: v4()
    };
  }
};
function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
  _push(`<div${ssrRenderAttrs(_attrs)}><label${ssrRenderAttr("for", $data.id)} class="${ssrRenderClass(`text-${$props.color} block text-[0.813rem] font-semibold`)}">${ssrInterpolate($props.label)}</label><div class="relative w-full"><input${ssrRenderAttr("id", $data.id)} type="date" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:border-\${focusColor} focus:outline-none"${ssrRenderAttr("placeholder", $props.placeholder)}></div></div>`);
}
const _sfc_setup$1 = _sfc_main$1.setup;
_sfc_main$1.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/form/FormDatePicker.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
};
const __nuxt_component_14 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["ssrRender", _sfc_ssrRender$1]]);
const _sfc_main = {
  data() {
    return {
      options: [
        { value: "value1", text: "Value 1" },
        { value: "value2", text: "Value 2" }
      ]
    };
  }
};
function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
  const _component_section_wrapper = __nuxt_component_0;
  const _component_section_container = __nuxt_component_1;
  const _component_section_title = __nuxt_component_0$1;
  const _component_section_layer = __nuxt_component_3$1;
  const _component_icon = __nuxt_component_3;
  const _component_rounded_button = __nuxt_component_8;
  const _component_search_form = __nuxt_component_0$2;
  const _component_ItineraryCard = __nuxt_component_7;
  const _component_cta_card = __nuxt_component_9;
  const _component_circle_number = __nuxt_component_6;
  const _component_form_title = __nuxt_component_4;
  const _component_form_input_text = __nuxt_component_11;
  const _component_form_select = __nuxt_component_12;
  const _component_form_range_slider = __nuxt_component_13;
  const _component_form_date_picker = __nuxt_component_14;
  _push(`<div${ssrRenderAttrs(mergeProps({ class: "max-w-full p-5 text-black" }, _attrs))}><h1 class="mb-10 text-4xl font-bold text-black">Colors</h1><h2 class="mb-5 text-2xl font-bold text-black">Primary</h2><div class="mb-5 flex flex-wrap"><div class="w-1/2"><div class="bg-primary p-4 text-white">primary</div></div><div class="w-1/2"><div class="bg-primary-light p-4 text-white">primary-light</div></div><div class="w-1/2"><div class="bg-primary-lighter p-4 text-black">primary-lighter</div></div><div class="w-1/2"><div class="bg-primary-lightest p-4 text-black">primary-lightest</div></div></div><h2 class="mb-5 text-2xl font-bold text-black">Secondary</h2><div class="mb-5 flex flex-wrap"><div class="w-1/2"><div class="bg-secondary p-4 text-white">secondary</div></div><div class="w-1/2"><div class="bg-secondary-light p-4 text-white">secondary-light</div></div><div class="w-1/2"><div class="bg-secondary-lighter p-4 text-black">secondary-lighter</div></div><div class="w-1/2"><div class="bg-secondary-lightest p-4 text-black"> secondary-lightest </div></div></div><h2 class="mb-5 text-2xl font-bold text-black">Ternary</h2><div class="mb-5 flex flex-wrap"><div class="w-1/2"><div class="bg-ternary p-4 text-white">ternary</div></div><div class="w-1/2"><div class="bg-ternary-light p-4 text-white">ternary-light</div></div><div class="w-1/2"><div class="bg-ternary-lighter p-4 text-black">ternary-lighter</div></div><div class="w-1/2"><div class="bg-ternary-lightest p-4 text-black">ternary-lightest</div></div></div><h2 class="mb-5 text-2xl font-bold text-black">Neutral</h2><div class="mb-5 flex flex-wrap"><div class="w-1/2"><div class="bg-neutral p-4 text-white">neutral</div></div><div class="w-1/2"><div class="bg-neutral-light p-4 text-white">neutral-light</div></div><div class="w-1/2"><div class="bg-neutral-lighter p-4 text-black">neutral-lighter</div></div><div class="w-1/2"><div class="bg-neutral-lightest p-4 text-black">neutral-lightest</div></div></div><h2 class="mb-5 text-2xl font-bold text-black">Others</h2><div class="mb-10 flex flex-wrap"><div class="w-1/2"><div class="bg-fire p-4 text-white">fire</div></div><div class="w-1/2"><div class="bg-background-1 p-4 text-black">background-1</div></div><div class="w-1/2"><div class="bg-background-2 p-4 text-black">background-2</div></div><div class="w-1/2"><div class="bg-background-3 p-4 text-black">background-3</div></div></div><h1 class="mb-10 text-4xl font-bold text-black">Section Wrapper</h1><p class="mb-5 text-black"> Component path: <strong>components/SectionWrapper.vue</strong><br> Use <strong>SectionWrapper</strong> component to create a section.<br></p> Props: <ul class="mb-5"><li><strong>background:</strong> Url of the background image</li></ul><h1 class="mb-10 text-4xl font-bold text-black">Section Container</h1><p class="mb-5"> Container should be placed inside a section.<br> Container is automatically centered and you must specify the max width.<br> You can use the class <strong>max-w-container</strong> to set the max width to 1170px.<br> You can add you own classes on this component with the class attribute.<br> Component path: <strong>components/SectionContainer.vue</strong></p> Props: <ul class="mb-5"><li><strong>mobile-padding:</strong> Boolean, default false, Add px-5 on mobile breakpoint </li></ul><h1 class="mb-10 text-4xl font-bold text-black">Section Layer</h1><p class="mb-5"> Layer has no specific props. It should be placed inside a section.<br> Layer is used to apply a modifier to the background image<br> You can add you own classes on this component with the class attribute.<br> Component path: <strong>components/SectionLayer.vue</strong></p><div>`);
  _push(ssrRenderComponent(_component_section_wrapper, { class: "bg-secondary py-10" }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(ssrRenderComponent(_component_section_container, { class: "max-w-container bg-primary py-20 text-center" }, {
          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
            if (_push3) {
              _push3(ssrRenderComponent(_component_section_title, {
                class: "mb-5",
                invert: ""
              }, {
                default: withCtx((_3, _push4, _parent4, _scopeId3) => {
                  if (_push4) {
                    _push4(`Section Title`);
                  } else {
                    return [
                      createTextVNode("Section Title")
                    ];
                  }
                }),
                _: 1
              }, _parent3, _scopeId2));
              _push3(`<p class="text-white"${_scopeId2}> One section and one container. The section have a background color </p>`);
            } else {
              return [
                createVNode(_component_section_title, {
                  class: "mb-5",
                  invert: ""
                }, {
                  default: withCtx(() => [
                    createTextVNode("Section Title")
                  ]),
                  _: 1
                }),
                createVNode("p", { class: "text-white" }, " One section and one container. The section have a background color ")
              ];
            }
          }),
          _: 1
        }, _parent2, _scopeId));
      } else {
        return [
          createVNode(_component_section_container, { class: "max-w-container bg-primary py-20 text-center" }, {
            default: withCtx(() => [
              createVNode(_component_section_title, {
                class: "mb-5",
                invert: ""
              }, {
                default: withCtx(() => [
                  createTextVNode("Section Title")
                ]),
                _: 1
              }),
              createVNode("p", { class: "text-white" }, " One section and one container. The section have a background color ")
            ]),
            _: 1
          })
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(ssrRenderComponent(_component_section_wrapper, {
    background: "/images/ROUTE.jpg",
    class: "bg-secondary py-10"
  }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(ssrRenderComponent(_component_section_container, { class: "max-w-container bg-primary py-20 text-center" }, {
          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
            if (_push3) {
              _push3(ssrRenderComponent(_component_section_title, {
                class: "mb-5",
                invert: ""
              }, {
                default: withCtx((_3, _push4, _parent4, _scopeId3) => {
                  if (_push4) {
                    _push4(`Image Background`);
                  } else {
                    return [
                      createTextVNode("Image Background")
                    ];
                  }
                }),
                _: 1
              }, _parent3, _scopeId2));
              _push3(`<p class="text-white"${_scopeId2}> One section and one container. The section have a background image </p>`);
            } else {
              return [
                createVNode(_component_section_title, {
                  class: "mb-5",
                  invert: ""
                }, {
                  default: withCtx(() => [
                    createTextVNode("Image Background")
                  ]),
                  _: 1
                }),
                createVNode("p", { class: "text-white" }, " One section and one container. The section have a background image ")
              ];
            }
          }),
          _: 1
        }, _parent2, _scopeId));
      } else {
        return [
          createVNode(_component_section_container, { class: "max-w-container bg-primary py-20 text-center" }, {
            default: withCtx(() => [
              createVNode(_component_section_title, {
                class: "mb-5",
                invert: ""
              }, {
                default: withCtx(() => [
                  createTextVNode("Image Background")
                ]),
                _: 1
              }),
              createVNode("p", { class: "text-white" }, " One section and one container. The section have a background image ")
            ]),
            _: 1
          })
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(ssrRenderComponent(_component_section_wrapper, {
    background: "/images/ROUTE.jpg",
    class: "py-10"
  }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(ssrRenderComponent(_component_section_layer, { class: "bg-secondary mix-blend-screen" }, null, _parent2, _scopeId));
        _push2(ssrRenderComponent(_component_section_layer, { class: "bg-secondary mix-blend-multiply" }, null, _parent2, _scopeId));
        _push2(ssrRenderComponent(_component_section_container, { class: "max-w-container bg-primary relative py-20 text-center" }, {
          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
            if (_push3) {
              _push3(ssrRenderComponent(_component_section_title, {
                class: "mb-5",
                invert: ""
              }, {
                default: withCtx((_3, _push4, _parent4, _scopeId3) => {
                  if (_push4) {
                    _push4(`Background with layers `);
                  } else {
                    return [
                      createTextVNode("Background with layers ")
                    ];
                  }
                }),
                _: 1
              }, _parent3, _scopeId2));
              _push3(`<p class="text-white"${_scopeId2}> In this example, we have a section with 2 layers to apply blend mode on the background image, and one container </p>`);
            } else {
              return [
                createVNode(_component_section_title, {
                  class: "mb-5",
                  invert: ""
                }, {
                  default: withCtx(() => [
                    createTextVNode("Background with layers ")
                  ]),
                  _: 1
                }),
                createVNode("p", { class: "text-white" }, " In this example, we have a section with 2 layers to apply blend mode on the background image, and one container ")
              ];
            }
          }),
          _: 1
        }, _parent2, _scopeId));
      } else {
        return [
          createVNode(_component_section_layer, { class: "bg-secondary mix-blend-screen" }),
          createVNode(_component_section_layer, { class: "bg-secondary mix-blend-multiply" }),
          createVNode(_component_section_container, { class: "max-w-container bg-primary relative py-20 text-center" }, {
            default: withCtx(() => [
              createVNode(_component_section_title, {
                class: "mb-5",
                invert: ""
              }, {
                default: withCtx(() => [
                  createTextVNode("Background with layers ")
                ]),
                _: 1
              }),
              createVNode("p", { class: "text-white" }, " In this example, we have a section with 2 layers to apply blend mode on the background image, and one container ")
            ]),
            _: 1
          })
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(ssrRenderComponent(_component_section_wrapper, { class: "mb-10 py-10" }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(ssrRenderComponent(_component_section_layer, {
          class: "bg-left-top bg-no-repeat",
          background: "/images/ROND VIOLET.png"
        }, null, _parent2, _scopeId));
        _push2(ssrRenderComponent(_component_section_layer, {
          class: "bg-right-bottom bg-no-repeat",
          background: "/images/ROND VERT.png"
        }, null, _parent2, _scopeId));
        _push2(ssrRenderComponent(_component_section_container, { class: "max-w-container relative px-5 py-20" }, {
          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
            if (_push3) {
              _push3(ssrRenderComponent(_component_section_title, { class: "mb-5" }, {
                default: withCtx((_3, _push4, _parent4, _scopeId3) => {
                  if (_push4) {
                    _push4(`Le concept`);
                  } else {
                    return [
                      createTextVNode("Le concept")
                    ];
                  }
                }),
                _: 1
              }, _parent3, _scopeId2));
              _push3(`<div class="prose prose-funargos max-w-none"${_scopeId2}><p${_scopeId2}><span class="font-semibold"${_scopeId2}>Nous l’attendions tous !</span></p><p${_scopeId2}> FUNARGOS, une solution efficace et fiable pour pouvoir enfin mutualiser et optimiser vos transports funéraires ! </p><p${_scopeId2}> Grâce à son rayonnement national, la communauté FUNARGOS vous permettra de combler vos trajets « à vide », sans défunts lors de vos transports funéraires. </p><p${_scopeId2}> Pour un trajet de courte ou de longue distance, saisissez votre destination et les caractéristiques de votre transport sur la plateforme, un confrère sera forcément intéressé par votre offre ! </p><p${_scopeId2}> Bénéficiez de la réactivité, de la fluidité et de la sécurité de la technologie de FUNARGOS pour être mis en relation avec un autre chauffeur, pour réaliser un transport ou faire transporter un défunt le plus simplement possible quand et où vous voulez. </p></div>`);
            } else {
              return [
                createVNode(_component_section_title, { class: "mb-5" }, {
                  default: withCtx(() => [
                    createTextVNode("Le concept")
                  ]),
                  _: 1
                }),
                createVNode("div", { class: "prose prose-funargos max-w-none" }, [
                  createVNode("p", null, [
                    createVNode("span", { class: "font-semibold" }, "Nous l’attendions tous !")
                  ]),
                  createVNode("p", null, " FUNARGOS, une solution efficace et fiable pour pouvoir enfin mutualiser et optimiser vos transports funéraires ! "),
                  createVNode("p", null, " Grâce à son rayonnement national, la communauté FUNARGOS vous permettra de combler vos trajets « à vide », sans défunts lors de vos transports funéraires. "),
                  createVNode("p", null, " Pour un trajet de courte ou de longue distance, saisissez votre destination et les caractéristiques de votre transport sur la plateforme, un confrère sera forcément intéressé par votre offre ! "),
                  createVNode("p", null, " Bénéficiez de la réactivité, de la fluidité et de la sécurité de la technologie de FUNARGOS pour être mis en relation avec un autre chauffeur, pour réaliser un transport ou faire transporter un défunt le plus simplement possible quand et où vous voulez. ")
                ])
              ];
            }
          }),
          _: 1
        }, _parent2, _scopeId));
      } else {
        return [
          createVNode(_component_section_layer, {
            class: "bg-left-top bg-no-repeat",
            background: "/images/ROND VIOLET.png"
          }),
          createVNode(_component_section_layer, {
            class: "bg-right-bottom bg-no-repeat",
            background: "/images/ROND VERT.png"
          }),
          createVNode(_component_section_container, { class: "max-w-container relative px-5 py-20" }, {
            default: withCtx(() => [
              createVNode(_component_section_title, { class: "mb-5" }, {
                default: withCtx(() => [
                  createTextVNode("Le concept")
                ]),
                _: 1
              }),
              createVNode("div", { class: "prose prose-funargos max-w-none" }, [
                createVNode("p", null, [
                  createVNode("span", { class: "font-semibold" }, "Nous l’attendions tous !")
                ]),
                createVNode("p", null, " FUNARGOS, une solution efficace et fiable pour pouvoir enfin mutualiser et optimiser vos transports funéraires ! "),
                createVNode("p", null, " Grâce à son rayonnement national, la communauté FUNARGOS vous permettra de combler vos trajets « à vide », sans défunts lors de vos transports funéraires. "),
                createVNode("p", null, " Pour un trajet de courte ou de longue distance, saisissez votre destination et les caractéristiques de votre transport sur la plateforme, un confrère sera forcément intéressé par votre offre ! "),
                createVNode("p", null, " Bénéficiez de la réactivité, de la fluidité et de la sécurité de la technologie de FUNARGOS pour être mis en relation avec un autre chauffeur, pour réaliser un transport ou faire transporter un défunt le plus simplement possible quand et où vous voulez. ")
              ])
            ]),
            _: 1
          })
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(`<h1 class="mb-10 text-4xl font-bold text-black">Icon</h1><p class="mb-5"> Icon components path: <strong>components/Icon.vue</strong><br> Symbol definition: <strong>components/IconDefs.vue</strong></p><p>Props:</p><ul class="mb-5"><li><strong>icon</strong>: string, default: &#39;loupe&#39;</li></ul><!--[-->`);
  ssrRenderList([
    "plus",
    "aller-retour",
    "lit",
    "calendrier",
    "cloche-alerte",
    "crayon",
    "caret-down",
    "download",
    "engrenage",
    "enveloppe",
    "enveloppe-o",
    "info",
    "loupe",
    "oeil",
    "pieces",
    "pin",
    "pin-2",
    "profil",
    "telephone",
    "telephone-fixe",
    "persons",
    "voiture",
    "vos-conditions"
  ], (icon) => {
    _push(`<div class="flex items-center">`);
    _push(ssrRenderComponent(_component_icon, {
      class: "m-5 h-12 w-12",
      icon
    }, null, _parent));
    _push(`<pre>&lt;icon icon=&quot;${ssrInterpolate(icon)}&quot;&gt;&lt;/icon&gt;</pre></div>`);
  });
  _push(`<!--]--></div><h1 class="mb-10 text-4xl font-bold text-black">Rounded Button</h1><p class="mb-5"> component path: <strong>components/RoundedButton.vue</strong><br></p><p>Props:</p><ul class="mb-5"><li><strong>design</strong>: String (&quot;1&quot;, &quot;2&quot; ,&quot;3&quot;, &quot;4&quot;), default: &#39;1&#39; </li><li><strong>size</strong>: String (&quot;sm&quot;, &quot;md&quot;, &quot;lg&quot;), default: &#39;md&#39;</li><li><strong>icon</strong>: String, default: null, example: &quot;loupe&quot;</li></ul><div class="bg-primary p-10 text-white"><div class="mb-5 flex items-center gap-10"><div>Style 1</div>`);
  _push(ssrRenderComponent(_component_rounded_button, {
    design: "1",
    size: "sm"
  }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(`Style 1 Small`);
      } else {
        return [
          createTextVNode("Style 1 Small")
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(ssrRenderComponent(_component_rounded_button, {
    design: "1",
    size: "md"
  }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(`Style 1 Medium`);
      } else {
        return [
          createTextVNode("Style 1 Medium")
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(ssrRenderComponent(_component_rounded_button, {
    design: "1",
    size: "lg"
  }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(`Style 1 Large`);
      } else {
        return [
          createTextVNode("Style 1 Large")
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(`</div><div class="mb-5 flex items-center gap-10"><div>Style 2</div>`);
  _push(ssrRenderComponent(_component_rounded_button, {
    design: "2",
    size: "sm"
  }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(`Style 2 Small`);
      } else {
        return [
          createTextVNode("Style 2 Small")
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(ssrRenderComponent(_component_rounded_button, {
    design: "2",
    size: "md"
  }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(`Style 2 Medium`);
      } else {
        return [
          createTextVNode("Style 2 Medium")
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(ssrRenderComponent(_component_rounded_button, {
    design: "2",
    size: "lg"
  }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(`Style 2 Large`);
      } else {
        return [
          createTextVNode("Style 2 Large")
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(`</div></div><div class="p-10"><div class="mb-5 flex items-center gap-10"><div>Style 3</div>`);
  _push(ssrRenderComponent(_component_rounded_button, {
    design: "3",
    size: "sm"
  }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(`Style 3 Small`);
      } else {
        return [
          createTextVNode("Style 3 Small")
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(ssrRenderComponent(_component_rounded_button, {
    design: "3",
    size: "md"
  }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(`Style 3 Medium`);
      } else {
        return [
          createTextVNode("Style 3 Medium")
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(ssrRenderComponent(_component_rounded_button, {
    design: "3",
    size: "lg"
  }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(`Style 3 Large`);
      } else {
        return [
          createTextVNode("Style 3 Large")
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(`</div><div class="mb-5 flex items-center gap-10"><div>Style 4</div>`);
  _push(ssrRenderComponent(_component_rounded_button, {
    design: "4",
    size: "sm"
  }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(`Style 4 Small`);
      } else {
        return [
          createTextVNode("Style 4 Small")
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(ssrRenderComponent(_component_rounded_button, {
    design: "4",
    size: "md"
  }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(`Style 4 Medium`);
      } else {
        return [
          createTextVNode("Style 4 Medium")
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(ssrRenderComponent(_component_rounded_button, {
    design: "4",
    size: "lg"
  }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(`Style 4 Large`);
      } else {
        return [
          createTextVNode("Style 4 Large")
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(`</div><div class="mb-5 flex items-center gap-10"><div>With icon</div>`);
  _push(ssrRenderComponent(_component_rounded_button, {
    icon: "loupe",
    design: "3",
    size: "sm"
  }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(`Style 3 Small with icon `);
      } else {
        return [
          createTextVNode("Style 3 Small with icon ")
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(ssrRenderComponent(_component_rounded_button, {
    icon: "engrenage",
    design: "4",
    size: "md"
  }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(`Style 4 Medium with icon `);
      } else {
        return [
          createTextVNode("Style 4 Medium with icon ")
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(ssrRenderComponent(_component_rounded_button, {
    icon: "enveloppe",
    design: "3",
    size: "lg"
  }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(`Style 3 Large with icon `);
      } else {
        return [
          createTextVNode("Style 3 Large with icon ")
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(`</div></div><h1 class="mb-10 text-4xl font-bold text-black">Search Form</h1><p class="mb-5"> component path: <strong>components/SearchForm.vue</strong><br></p><p>Props:</p><div class="bg-primary p-10">`);
  _push(ssrRenderComponent(_component_search_form, null, null, _parent));
  _push(`</div>`);
  _push(ssrRenderComponent(_component_section_wrapper, {
    class: "mb-20 py-10",
    background: "/images/ROUTE.jpg"
  }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(ssrRenderComponent(_component_section_layer, { class: "bg-secondary mix-blend-screen" }, null, _parent2, _scopeId));
        _push2(ssrRenderComponent(_component_section_layer, { class: "bg-secondary mix-blend-multiply" }, null, _parent2, _scopeId));
        _push2(ssrRenderComponent(_component_section_container, { class: "max-w-container relative z-10 py-20 text-center" }, {
          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
            if (_push3) {
              _push3(`<h1 class="mb-10 text-[2.5rem] font-bold uppercase text-white"${_scopeId2}> chauffeurs funéraires<br${_scopeId2}> Optimisez tous vos trajets ! </h1>`);
              _push3(ssrRenderComponent(_component_search_form, null, null, _parent3, _scopeId2));
            } else {
              return [
                createVNode("h1", { class: "mb-10 text-[2.5rem] font-bold uppercase text-white" }, [
                  createTextVNode(" chauffeurs funéraires"),
                  createVNode("br"),
                  createTextVNode(" Optimisez tous vos trajets ! ")
                ]),
                createVNode(_component_search_form)
              ];
            }
          }),
          _: 1
        }, _parent2, _scopeId));
      } else {
        return [
          createVNode(_component_section_layer, { class: "bg-secondary mix-blend-screen" }),
          createVNode(_component_section_layer, { class: "bg-secondary mix-blend-multiply" }),
          createVNode(_component_section_container, { class: "max-w-container relative z-10 py-20 text-center" }, {
            default: withCtx(() => [
              createVNode("h1", { class: "mb-10 text-[2.5rem] font-bold uppercase text-white" }, [
                createTextVNode(" chauffeurs funéraires"),
                createVNode("br"),
                createTextVNode(" Optimisez tous vos trajets ! ")
              ]),
              createVNode(_component_search_form)
            ]),
            _: 1
          })
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(`<h1 class="mb-10 text-4xl font-bold text-black">ItineraryCard</h1><p class="mb-5"> component path: <strong>components/Cards/ItineraryCard.vue</strong><br></p><p>Props:</p><ul class="mb-5"><li><strong>start</strong>: String, default: &quot;Ville de départ&quot;</li><li><strong>end</strong>: String, default: &quot;Ville d&#39;arrivée&quot;</li><li><strong>date</strong>: String, default: &quot;Date&quot;</li></ul>`);
  _push(ssrRenderComponent(_component_section_wrapper, { class: "bg-primary mb-20 py-20" }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(ssrRenderComponent(_component_section_container, { class: "max-w-container" }, {
          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
            if (_push3) {
              _push3(`<div class="flex gap-10"${_scopeId2}>`);
              _push3(ssrRenderComponent(_component_ItineraryCard, {
                class: "w-1/4",
                start: "Paris",
                end: "Marseille",
                date: "26.01.2023"
              }, null, _parent3, _scopeId2));
              _push3(ssrRenderComponent(_component_ItineraryCard, {
                class: "w-1/4",
                start: "Nice",
                end: "Grenoble",
                date: "26.01.2023"
              }, null, _parent3, _scopeId2));
              _push3(ssrRenderComponent(_component_ItineraryCard, {
                class: "w-1/4",
                start: "Paris",
                end: "Anger",
                date: "26.01.2023"
              }, null, _parent3, _scopeId2));
              _push3(ssrRenderComponent(_component_ItineraryCard, {
                class: "w-1/4",
                start: "Nantes",
                end: "Strasbourg",
                date: "26.01.2023"
              }, null, _parent3, _scopeId2));
              _push3(`</div>`);
            } else {
              return [
                createVNode("div", { class: "flex gap-10" }, [
                  createVNode(_component_ItineraryCard, {
                    class: "w-1/4",
                    start: "Paris",
                    end: "Marseille",
                    date: "26.01.2023"
                  }),
                  createVNode(_component_ItineraryCard, {
                    class: "w-1/4",
                    start: "Nice",
                    end: "Grenoble",
                    date: "26.01.2023"
                  }),
                  createVNode(_component_ItineraryCard, {
                    class: "w-1/4",
                    start: "Paris",
                    end: "Anger",
                    date: "26.01.2023"
                  }),
                  createVNode(_component_ItineraryCard, {
                    class: "w-1/4",
                    start: "Nantes",
                    end: "Strasbourg",
                    date: "26.01.2023"
                  })
                ])
              ];
            }
          }),
          _: 1
        }, _parent2, _scopeId));
      } else {
        return [
          createVNode(_component_section_container, { class: "max-w-container" }, {
            default: withCtx(() => [
              createVNode("div", { class: "flex gap-10" }, [
                createVNode(_component_ItineraryCard, {
                  class: "w-1/4",
                  start: "Paris",
                  end: "Marseille",
                  date: "26.01.2023"
                }),
                createVNode(_component_ItineraryCard, {
                  class: "w-1/4",
                  start: "Nice",
                  end: "Grenoble",
                  date: "26.01.2023"
                }),
                createVNode(_component_ItineraryCard, {
                  class: "w-1/4",
                  start: "Paris",
                  end: "Anger",
                  date: "26.01.2023"
                }),
                createVNode(_component_ItineraryCard, {
                  class: "w-1/4",
                  start: "Nantes",
                  end: "Strasbourg",
                  date: "26.01.2023"
                })
              ])
            ]),
            _: 1
          })
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(`<h1 class="mb-10 text-4xl font-bold text-black">CtaCard</h1><p class="mb-5"> component path: <strong>components/Cards/CtaCard.vue</strong><br></p><p>Props:</p><ul class="mb-5"><li><strong>icon</strong>: String, default: &quot;info&quot;</li><li><strong>design</strong>: String, default: &quot;1&quot;</li></ul>`);
  _push(ssrRenderComponent(_component_section_wrapper, { class: "mb-20 py-20" }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(ssrRenderComponent(_component_section_container, { class: "max-w-container flex gap-6" }, {
          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
            if (_push3) {
              _push3(` 1 `);
              _push3(ssrRenderComponent(_component_cta_card, {
                class: "w-1/3",
                icon: "persons",
                design: "1"
              }, {
                default: withCtx((_3, _push4, _parent4, _scopeId3) => {
                  if (_push4) {
                    _push4(`Mise en relation des chauffeurs funéraires `);
                  } else {
                    return [
                      createTextVNode("Mise en relation des chauffeurs funéraires ")
                    ];
                  }
                }),
                _: 1
              }, _parent3, _scopeId2));
              _push3(` 2 `);
              _push3(ssrRenderComponent(_component_cta_card, {
                class: "w-1/3",
                icon: "engrenage",
                design: "2"
              }, {
                default: withCtx((_3, _push4, _parent4, _scopeId3) => {
                  if (_push4) {
                    _push4(`Fonctionnement des services `);
                  } else {
                    return [
                      createTextVNode("Fonctionnement des services ")
                    ];
                  }
                }),
                _: 1
              }, _parent3, _scopeId2));
              _push3(` 3 `);
              _push3(ssrRenderComponent(_component_cta_card, {
                class: "mob:w-1/2 w-1/3",
                icon: "loupe",
                design: "3"
              }, {
                default: withCtx((_3, _push4, _parent4, _scopeId3) => {
                  if (_push4) {
                    _push4(`Découvrir nos offres `);
                  } else {
                    return [
                      createTextVNode("Découvrir nos offres ")
                    ];
                  }
                }),
                _: 1
              }, _parent3, _scopeId2));
            } else {
              return [
                createTextVNode(" 1 "),
                createVNode(_component_cta_card, {
                  class: "w-1/3",
                  icon: "persons",
                  design: "1"
                }, {
                  default: withCtx(() => [
                    createTextVNode("Mise en relation des chauffeurs funéraires ")
                  ]),
                  _: 1
                }),
                createTextVNode(" 2 "),
                createVNode(_component_cta_card, {
                  class: "w-1/3",
                  icon: "engrenage",
                  design: "2"
                }, {
                  default: withCtx(() => [
                    createTextVNode("Fonctionnement des services ")
                  ]),
                  _: 1
                }),
                createTextVNode(" 3 "),
                createVNode(_component_cta_card, {
                  class: "mob:w-1/2 w-1/3",
                  icon: "loupe",
                  design: "3"
                }, {
                  default: withCtx(() => [
                    createTextVNode("Découvrir nos offres ")
                  ]),
                  _: 1
                })
              ];
            }
          }),
          _: 1
        }, _parent2, _scopeId));
      } else {
        return [
          createVNode(_component_section_container, { class: "max-w-container flex gap-6" }, {
            default: withCtx(() => [
              createTextVNode(" 1 "),
              createVNode(_component_cta_card, {
                class: "w-1/3",
                icon: "persons",
                design: "1"
              }, {
                default: withCtx(() => [
                  createTextVNode("Mise en relation des chauffeurs funéraires ")
                ]),
                _: 1
              }),
              createTextVNode(" 2 "),
              createVNode(_component_cta_card, {
                class: "w-1/3",
                icon: "engrenage",
                design: "2"
              }, {
                default: withCtx(() => [
                  createTextVNode("Fonctionnement des services ")
                ]),
                _: 1
              }),
              createTextVNode(" 3 "),
              createVNode(_component_cta_card, {
                class: "mob:w-1/2 w-1/3",
                icon: "loupe",
                design: "3"
              }, {
                default: withCtx(() => [
                  createTextVNode("Découvrir nos offres ")
                ]),
                _: 1
              })
            ]),
            _: 1
          })
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(`<h1 class="mb-10 text-4xl font-bold text-black">Circle Number</h1><p class="mb-5"> component path: <strong>components/CircleNumber.vue</strong><br></p><p>Props:</p><ul class="mb-5"><li><strong>number</strong>: Number, default: 0</li></ul>`);
  _push(ssrRenderComponent(_component_section_wrapper, { class: "bg-background-3 py-12" }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(ssrRenderComponent(_component_section_container, { class: "max-w-container" }, {
          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
            if (_push3) {
              _push3(`<div class="text-center"${_scopeId2}><div class="flex"${_scopeId2}><div class="flex w-1/4 flex-col items-center justify-center text-center text-[#707070]"${_scopeId2}>`);
              _push3(ssrRenderComponent(_component_circle_number, {
                class: "mb-5",
                number: 1200
              }, null, _parent3, _scopeId2));
              _push3(`</div><div class="flex w-1/4 flex-col items-center justify-center text-center text-[#707070]"${_scopeId2}>`);
              _push3(ssrRenderComponent(_component_circle_number, {
                class: "mb-5",
                number: 144
              }, null, _parent3, _scopeId2));
              _push3(`</div><div class="flex w-1/4 flex-col items-center justify-center text-center text-[#707070]"${_scopeId2}>`);
              _push3(ssrRenderComponent(_component_circle_number, {
                class: "mb-5",
                number: 1165
              }, null, _parent3, _scopeId2));
              _push3(`</div><div class="flex w-1/4 flex-col items-center justify-center text-center text-[#707070]"${_scopeId2}>`);
              _push3(ssrRenderComponent(_component_circle_number, {
                class: "mb-5",
                number: 144
              }, null, _parent3, _scopeId2));
              _push3(`</div></div></div>`);
            } else {
              return [
                createVNode("div", { class: "text-center" }, [
                  createVNode("div", { class: "flex" }, [
                    createVNode("div", { class: "flex w-1/4 flex-col items-center justify-center text-center text-[#707070]" }, [
                      createVNode(_component_circle_number, {
                        class: "mb-5",
                        number: 1200
                      })
                    ]),
                    createVNode("div", { class: "flex w-1/4 flex-col items-center justify-center text-center text-[#707070]" }, [
                      createVNode(_component_circle_number, {
                        class: "mb-5",
                        number: 144
                      })
                    ]),
                    createVNode("div", { class: "flex w-1/4 flex-col items-center justify-center text-center text-[#707070]" }, [
                      createVNode(_component_circle_number, {
                        class: "mb-5",
                        number: 1165
                      })
                    ]),
                    createVNode("div", { class: "flex w-1/4 flex-col items-center justify-center text-center text-[#707070]" }, [
                      createVNode(_component_circle_number, {
                        class: "mb-5",
                        number: 144
                      })
                    ])
                  ])
                ])
              ];
            }
          }),
          _: 1
        }, _parent2, _scopeId));
      } else {
        return [
          createVNode(_component_section_container, { class: "max-w-container" }, {
            default: withCtx(() => [
              createVNode("div", { class: "text-center" }, [
                createVNode("div", { class: "flex" }, [
                  createVNode("div", { class: "flex w-1/4 flex-col items-center justify-center text-center text-[#707070]" }, [
                    createVNode(_component_circle_number, {
                      class: "mb-5",
                      number: 1200
                    })
                  ]),
                  createVNode("div", { class: "flex w-1/4 flex-col items-center justify-center text-center text-[#707070]" }, [
                    createVNode(_component_circle_number, {
                      class: "mb-5",
                      number: 144
                    })
                  ]),
                  createVNode("div", { class: "flex w-1/4 flex-col items-center justify-center text-center text-[#707070]" }, [
                    createVNode(_component_circle_number, {
                      class: "mb-5",
                      number: 1165
                    })
                  ]),
                  createVNode("div", { class: "flex w-1/4 flex-col items-center justify-center text-center text-[#707070]" }, [
                    createVNode(_component_circle_number, {
                      class: "mb-5",
                      number: 144
                    })
                  ])
                ])
              ])
            ]),
            _: 1
          })
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(`<h1 class="mb-10 text-4xl font-bold text-black">Form Title</h1><p class="mb-5"> component path: <strong>components/FormTitle.vue</strong><br></p><p>Props:</p><ul class="mb-5"><li><strong>number</strong>: String, default: 00</li></ul>`);
  _push(ssrRenderComponent(_component_section_wrapper, { class: "mb-20 py-20" }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(ssrRenderComponent(_component_section_container, { class: "max-w-container flex gap-6" }, {
          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
            if (_push3) {
              _push3(ssrRenderComponent(_component_form_title, { number: "02" }, {
                default: withCtx((_3, _push4, _parent4, _scopeId3) => {
                  if (_push4) {
                    _push4(`Vos coordonnées`);
                  } else {
                    return [
                      createTextVNode("Vos coordonnées")
                    ];
                  }
                }),
                _: 1
              }, _parent3, _scopeId2));
            } else {
              return [
                createVNode(_component_form_title, { number: "02" }, {
                  default: withCtx(() => [
                    createTextVNode("Vos coordonnées")
                  ]),
                  _: 1
                })
              ];
            }
          }),
          _: 1
        }, _parent2, _scopeId));
      } else {
        return [
          createVNode(_component_section_container, { class: "max-w-container flex gap-6" }, {
            default: withCtx(() => [
              createVNode(_component_form_title, { number: "02" }, {
                default: withCtx(() => [
                  createTextVNode("Vos coordonnées")
                ]),
                _: 1
              })
            ]),
            _: 1
          })
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(`<h1 class="mb-10 text-4xl font-bold text-black">Form Input Text</h1><p class="mb-5"> component path: <strong>components/FormInputText.vue</strong><br></p><p>Props:</p><ul class="mb-5"><li><strong>label</strong>: String, default: label</li><li><strong>placeholder</strong>: String, default: placeholder</li><li><strong>color</strong>: String, default: primary</li><li><strong>type</strong>: String, default: text</li></ul>`);
  _push(ssrRenderComponent(_component_section_wrapper, { class: "mb-20 flex gap-2 py-20" }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(ssrRenderComponent(_component_form_input_text, {
          class: "w-1/12",
          label: "Date de départ",
          color: "primary",
          placeholder: "primary"
        }, null, _parent2, _scopeId));
        _push2(ssrRenderComponent(_component_form_input_text, {
          class: "w-1/12",
          label: "Ville de départ",
          color: "secondary",
          placeholder: "secondary"
        }, null, _parent2, _scopeId));
        _push2(ssrRenderComponent(_component_form_input_text, {
          class: "w-1/12",
          label: "Ville d'arrivée'",
          color: "ternary",
          placeholder: "ternary"
        }, null, _parent2, _scopeId));
      } else {
        return [
          createVNode(_component_form_input_text, {
            class: "w-1/12",
            label: "Date de départ",
            color: "primary",
            placeholder: "primary"
          }),
          createVNode(_component_form_input_text, {
            class: "w-1/12",
            label: "Ville de départ",
            color: "secondary",
            placeholder: "secondary"
          }),
          createVNode(_component_form_input_text, {
            class: "w-1/12",
            label: "Ville d'arrivée'",
            color: "ternary",
            placeholder: "ternary"
          })
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(`<h1 class="mb-10 text-4xl font-bold text-black">Form Select</h1><p class="mb-5"> component path: <strong>components/form_fields/FormSelect.vue</strong><br></p><p>Props:</p><ul class="mb-5"><li><strong>label</strong>: String, default: label</li><li><strong>color</strong>: String, default: primary</li><li><strong>options</strong>: Array, default: [{ value: &quot;value1&quot;, text: &quot;Value 1&quot; }] </li></ul>`);
  _push(ssrRenderComponent(_component_section_wrapper, { class: "mb-20 flex gap-10 py-20" }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(ssrRenderComponent(_component_form_select, {
          class: "w-1/6",
          options: $data.options,
          label: "Type de transport ",
          color: "primary"
        }, null, _parent2, _scopeId));
        _push2(ssrRenderComponent(_component_form_select, {
          class: "w-1/6",
          options: $data.options,
          label: "Entre",
          color: "secondary"
        }, null, _parent2, _scopeId));
        _push2(ssrRenderComponent(_component_form_select, {
          class: "w-1/6",
          options: $data.options,
          label: "Et",
          color: "ternary"
        }, null, _parent2, _scopeId));
      } else {
        return [
          createVNode(_component_form_select, {
            class: "w-1/6",
            options: $data.options,
            label: "Type de transport ",
            color: "primary"
          }, null, 8, ["options"]),
          createVNode(_component_form_select, {
            class: "w-1/6",
            options: $data.options,
            label: "Entre",
            color: "secondary"
          }, null, 8, ["options"]),
          createVNode(_component_form_select, {
            class: "w-1/6",
            options: $data.options,
            label: "Et",
            color: "ternary"
          }, null, 8, ["options"])
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(`<h1 class="mb-10 text-4xl font-bold text-black">Form Range Slider</h1><p class="mb-5"> component path: <strong>components/form_fields/FormRangeSlider.vue</strong><br></p><p>Props:</p><ul class="mb-5"><li><strong>label</strong>: String, default: label</li><li><strong>color</strong>: String, default: primary</li><li><strong>min</strong>: Number, default: 0</li><li><strong>max</strong>: Number, default: 100</li><li><strong>step</strong>: Number, default: 5</li></ul>`);
  _push(ssrRenderComponent(_component_section_wrapper, { class: "mb-20 flex gap-10 py-20" }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(ssrRenderComponent(_component_form_range_slider, {
          label: "Rayon d'intervention départ",
          min: "0",
          max: "200",
          step: "5"
        }, null, _parent2, _scopeId));
      } else {
        return [
          createVNode(_component_form_range_slider, {
            label: "Rayon d'intervention départ",
            min: "0",
            max: "200",
            step: "5"
          })
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(`<h1 class="mb-10 text-4xl font-bold text-black">Form Date Picker</h1><p class="mb-5"> component path: <strong>components/form_fields/FormDatePicker.vue</strong><br></p><p>Props:</p><ul class="mb-5"><li><strong>label</strong>: String, default: label</li><li><strong>color</strong>: String, default: primary</li></ul>`);
  _push(ssrRenderComponent(_component_section_wrapper, { class: "mb-20 flex gap-10 py-20" }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(ssrRenderComponent(_component_form_date_picker, {
          label: "Date de départ",
          placeholder: "Choisir une date",
          color: "primary"
        }, null, _parent2, _scopeId));
      } else {
        return [
          createVNode(_component_form_date_picker, {
            label: "Date de départ",
            placeholder: "Choisir une date",
            color: "primary"
          })
        ];
      }
    }),
    _: 1
  }, _parent));
  _push(`</div>`);
}
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/guide.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
const guide = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
export {
  guide as default
};
//# sourceMappingURL=guide-a381351b.js.map
