export const defaultSlide = [{
    contentType: 'IMAGE_ONLY',
    slideData: {
        backgroundColor: '#F4F4F4',
        image: {},
        imageSizing: 'fill',
        slideLink: null,
        slideName: '',
        text: '',
        textColor: '#fff',
        textOverlay: false,
        textSize: 'small',
        title: '',
        titleColor: null,
        titleSize: null,
        textAlignment: null,
        overlayColor: null
    }
}];

export const DELAY_OPTIONS = [
    { value: 3, label: '3 seconds' },
    { value: 4, label: '4 seconds' },
    { value: 5, label: '5 seconds' },
    { value: 7, label: '7 seconds' },
    { value: 10, label: '10 seconds' },
    { value: 15, label: '15 seconds' }
];

export const HEIGHT_OPTIONS = [
    { value: '400', label: 'Small 400px' },
    { value: '555', label: 'Medium 555px' },
    { value: '660', label: 'Large 660px' }
];

export const COLOR_DARK = 'uieditor.sfbComponent.carousel.caretsColorTheme.dark';
export const COLOR_LIGHT = 'uieditor.sfbComponent.carousel.caretsColorTheme.light';
export const CARETS_COLOR_OPTIONS = [
    { value: COLOR_DARK, label: COLOR_DARK },
    { value: COLOR_LIGHT, label: COLOR_LIGHT }
];

// on mobile, the height of carousel is a smaller proportion of the desired height
export const MOBILE_HEIGHT_RATIO = 0.75;
