/// <reference types="react" />
export declare const TrackImageWrapper: import("@stitches/react/types/styled-component").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, {}, {
    sm: "(max-width: 600px)";
    md: "(max-width: 960px)";
    lg: "(max-width: 1024px)";
}, import("@stitches/react/types/css-util").CSS<{
    sm: "(max-width: 600px)";
    md: "(max-width: 960px)";
    lg: "(max-width: 1024px)";
}, {}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
export declare const TrackImageContainer: import("@stitches/react/types/styled-component").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, {}, {
    sm: "(max-width: 600px)";
    md: "(max-width: 960px)";
    lg: "(max-width: 1024px)";
}, import("@stitches/react/types/css-util").CSS<{
    sm: "(max-width: 600px)";
    md: "(max-width: 960px)";
    lg: "(max-width: 1024px)";
}, {}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
export declare const TextImage: import("@stitches/react/types/styled-component").StyledComponent<import("framer-motion").CustomDomComponent<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
}, "css" | "outline" | "spaced" | "family" | "size" | "ellipsis" | "variant" | "weight" | "gradient"> & import("@stitches/react/types/styled-component").TransformProps<{
    outline?: boolean | "true" | undefined;
    spaced?: boolean | "true" | undefined;
    family?: "display" | "mono" | "numeric" | undefined;
    size?: "caption" | "default" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | undefined;
    ellipsis?: boolean | "true" | undefined;
    variant?: "color" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "danger" | "white" | undefined;
    weight?: "1" | "2" | "3" | "4" | 1 | 2 | 3 | 4 | undefined;
    gradient?: boolean | "true" | undefined;
}, {
    sm: "(max-width: 600px)";
    md: "(max-width: 960px)";
    lg: "(max-width: 1024px)";
}> & {
    css?: import("@stitches/react/types/css-util").CSS<{
        sm: "(max-width: 600px)";
        md: "(max-width: 960px)";
        lg: "(max-width: 1024px)";
    }, {}, import("@stitches/react/types/config").DefaultThemeMap, {}> | undefined;
}>, {}, {
    sm: "(max-width: 600px)";
    md: "(max-width: 960px)";
    lg: "(max-width: 1024px)";
}, import("@stitches/react/types/css-util").CSS<{
    sm: "(max-width: 600px)";
    md: "(max-width: 960px)";
    lg: "(max-width: 1024px)";
}, {}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
export declare const TrackImageElement: import("@stitches/react/types/styled-component").StyledComponent<"img", {}, {
    sm: "(max-width: 600px)";
    md: "(max-width: 960px)";
    lg: "(max-width: 1024px)";
}, import("@stitches/react/types/css-util").CSS<{
    sm: "(max-width: 600px)";
    md: "(max-width: 960px)";
    lg: "(max-width: 1024px)";
}, {}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
export declare const TrackImageParallax: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
    sm: "(max-width: 600px)";
    md: "(max-width: 960px)";
    lg: "(max-width: 1024px)";
}, import("@stitches/react/types/css-util").CSS<{
    sm: "(max-width: 600px)";
    md: "(max-width: 960px)";
    lg: "(max-width: 1024px)";
}, {}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
