/**
 * TitanInfoPanel - A component for displaying informational tips and guidance
 *
 * @component
 * @example
 * <TitanInfoPanel
 *   title="Tips for a great photo"
 *   :items="['Use a high resolution image', 'Make sure they\'re facing the camera']"
 * />
 */
interface Props {
    /** The title/heading text for the info panel */
    title?: string;
    /** Array of bullet point items to display */
    items?: string[];
    /** Visual variant of the panel */
    variant?: 'default' | 'compact' | 'transparent';
}
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: {
        default?(_: {}): any;
        default?(_: {}): any;
    };
    refs: {};
    rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
    variant: "default" | "compact" | "transparent";
    title: string;
    items: string[];
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};
//# sourceMappingURL=TitanInfoPanel.vue.d.ts.map