typings.ts

import { ReactNode } from "react";

export interface ProjectsInfoProps {
    [key: string]: {
        name: string;
        shortDescription: string;
        fullDescription: ReactNode;
        techStack: string[];
        thumbnailImgSrc: string;
        thumbnailBase64Data: string;
        previewImgSrcList: string[];
        previewImgMainWidth: number;
        previewImgMainHeight: number;
        previewImgBase64DataList: string[];
        previewImgMenuWidthList: number[];
        previewImgMenuHeightList: number[];
        fullSizeImgMaxWidth: number;
        githubLink: string;
        liveSiteLink: string;
    };
  };

export interface ProjectProps {
    project: {
        name: string;
        shortDescription: string;
        fullDescription: ReactNode;
        techStack: string[];
        thumbnailImgSrc: string;
        thumbnailBase64Data: string;
        previewImgSrcList: string[];
        previewImgMainWidth: number;
        previewImgMainHeight: number;
        previewImgBase64DataList: string[];
        previewImgMenuWidthList: number[];
        previewImgMenuHeightList: number[];
        fullSizeImgMaxWidth: number;
        githubLink: string;
        liveSiteLink: string;
    };
};

export interface ImageSliderProps {
    name: string;
    previewImgSrcList: string[];
    previewImgMainWidth: number;
    previewImgMainHeight: number;
    previewImgBase64DataList: string[];
    previewImgMenuWidthList: number[];
    previewImgMenuHeightList: number[];
    fullSizeImgMaxWidth: number;
}

export interface ArrowIconProps {
    color?: string;
}