import React from 'react';
import 'slick-carousel/slick/slick.css';
interface SlideData {
    id: string;
    image: string;
    width?: number;
    height?: number;
    headline?: string;
    subText?: string;
    buttonText?: string;
    buttonLink?: string;
    buttonColor?: string;
}
interface SlideshowProps {
    slideshowWidget: {
        slides: SlideData[];
        autoplay?: boolean;
        autoplaySpeed?: number;
        arrows?: boolean;
        dots?: boolean;
    };
}
export default function Slideshow({ slideshowWidget: { slides, autoplay, autoplaySpeed, arrows, dots } }: SlideshowProps): React.JSX.Element | null;
export declare const query = "\n  query Query($slides: [SlideInput], $autoplay: Boolean, $autoplaySpeed: Int, $arrows: Boolean, $dots: Boolean) {\n    slideshowWidget(\n      slides: $slides,\n      autoplay: $autoplay,\n      autoplaySpeed: $autoplaySpeed,\n      arrows: $arrows,\n      dots: $dots\n    ) {\n      slides {\n        id\n        image\n        width\n        height\n        headline\n        subText\n        buttonText\n        buttonLink\n        buttonColor\n      }\n      autoplay\n      autoplaySpeed\n      arrows\n      dots\n    }\n  }\n";
export declare const fragments = "\n  fragment SlideData on Slide {\n    id\n    image\n    width\n    height\n    headline\n    subText\n    buttonText\n    buttonLink\n    buttonColor\n  }\n";
export declare const variables = "{\n  slides: getWidgetSetting(\"slides\"),\n  autoplay: getWidgetSetting(\"autoplay\"),\n  autoplaySpeed: getWidgetSetting(\"autoplaySpeed\"),\n  arrows: getWidgetSetting(\"arrows\"),\n  dots: getWidgetSetting(\"dots\")\n}";
export {};