@aotearoan/neon/dist/components/presentation/empty-state/NeonEmptyState.es.js

Neon is a lightweight design library of Vue 3 components with minimal dependencies.

import { defineComponent as o } from "vue";
import r from "../../user-input/button/NeonButton.vue.es.js";
import { NeonFunctionalColor as t } from "../../../model/common/color/NeonFunctionalColor.es.js";
import n from "../icon/NeonIcon.vue.es.js";
import p from "../../layout/inline/NeonInline.vue.es.js";
import m from "../../layout/stack/NeonStack.vue.es.js";
import { NeonButtonStyle as i } from "../../../model/user-input/button/NeonButtonStyle.es.js";
import { NeonEmptyStateType as a } from "../../../model/presentation/empty-state/NeonEmptyStateType.es.js";
const g = o({
  name: "NeonEmptyState",
  components: {
    NeonButton: r,
    NeonIcon: n,
    NeonInline: p,
    NeonStack: m
  },
  props: {
    /**
     * The image to display in the empty state. This is an icon name used by the NeonIcon component, typically an
     * svg illustration.
     */
    image: { type: String },
    /**
     * The type of empty state to render, either an empty state or an error.
     */
    type: { type: String, default: () => a.EmptyState },
    /**
     * The accent color of the image. This is a functional color from the NeonFunctionalColor enum.
     */
    imageColor: { type: String, default: () => t.Brand },
    /**
     * The title of the empty state component.
     */
    title: { type: String, required: !0 },
    /**
     * A subtitle of the empty state component.
     */
    subtitle: { type: String },
    /**
     * A list of CTA buttons to display in the empty state. These are
     * NeonButtonModel objects.
     */
    ctas: { type: Array, default: () => [] }
  },
  emits: [
    /**
     * Emitted when a CTA button is clicked. The index of the button in the ctas array is passed as the first argument.
     * @type {number} The index of the button clicked. This corresponds to the index of the button in the ctas property
     * array.
     */
    "cta-click"
  ],
  setup: (f, { emit: e }) => ({
    emit: e,
    NeonButtonStyle: i,
    NeonFunctionalColor: t
  })
});
export {
  g as default
};
//# sourceMappingURL=NeonEmptyState.es.js.map