react-responsive-3d-carousel/dist/types/utils/layoutStyle.d.ts

React Responsive 3D Carousel

import { AlignType } from '../components/Carousel/Carousel';
export type LayoutInfo = {
    width?: number | string;
    height?: number | string;
    translate: {
        x: number | string;
        y: number | string;
        z: number | string;
    };
    rotate: {
        x: number;
        y: number;
        z: number;
    };
    offset: {
        x: number | string;
        y: number | string;
        z: number | string;
    };
};
export type CarouselLayoutInfo = {
    default: LayoutInfo;
    [key: number]: LayoutInfo;
};
export type LayoutStyle = {
    width: string;
    height: string;
    transform: string;
};
export type CarouselLayoutStyle = {
    default: LayoutStyle;
    [key: number]: LayoutStyle;
};
/**
 * Transform layout info to CSS style
 */
export declare const transformLayoutInfoToStyle: (info: LayoutInfo, align: AlignType) => LayoutStyle;
/**
 * Transform carousel layout info to CSS style
 */
export declare const transformCarouselLayoutInfoToStyle: (info: CarouselLayoutInfo, align: AlignType) => CarouselLayoutStyle;