jabb-astro-components/components/clusters/Cluster.d.ts

UI Components for web development

export {};

declare global {
  /**
   * Comment
   */
  namespace Cluster {
    /**
     * @param name
     * @param img
     * @param alt
     * @param href
     * @param target
     * @param rel
     */
    type ClusterType = {
      name: string;
      img: string;
      alt: string;
      href?: string;
      target?: TargetPage;
      rel?: Rel;
    };

    /**
     * @param title
     * @param text
     * @param data
     * @param limit
     * @param transition
     */
    export interface Cluster1 {
      title?: string;
      text?: string;
      data: ClusterType[];
      limit: number;
      transition?: boolean;
      more?: boolean;
    }

    export interface Cluster3 {
      data: {
        href: string;
        name: string;
        ariaLabel: string;
        img?: string;
        target?: TargetPage;
        rel?: RelationLink;
      }[];
    }
  }

  namespace Gallery {
    interface Name {
      name: string;
      visibility?: boolean;
    }

    interface Content {
      name: string | Name;
      front: string;
      photos: string[];
      cluster?: string[];
    }

    interface Gallery1 {
      name: string;
      title?: string;
      columns?: 'lg:grid-cols-4' | 'lg:grid-cols-3';
      content: Content[];
    }

    interface Suspense {
      children: React.ReactNode;
      src: string;
      id?: string | number;
      width?: number | null;
      height?: number | null;
      transition?: number;
      className?: string;
    }
  }
}