import { SMALL, MEDIUM, LARGE } from '../sizes';
import { LEFT, RIGHT, TOP_LEFT, TOP_RIGHT, BOTTOM_LEFT, BOTTOM_RIGHT } from '../alignment';
import { THEME_PRIMARY, THEME_SECONDARY } from '../buttons';

export const DEFAULT_LOGO_SIZE = 125;

export const CLASSIC_LAYOUT = 'classic';
export const NEWSLETTER_SOCIAL_LAYOUT = 'newsletter_social';
export const BOTTOM_BAR_LAYOUT = 'bottom_bar';
export const FEATURE_BAR_LAYOUT = 'feature_bar';

export const FOOTER_LAYOUT_OPTIONS = [
    { value: CLASSIC_LAYOUT, label: 'uieditor.sfbComponent.footer.style.option.classic' },
    { value: NEWSLETTER_SOCIAL_LAYOUT, label: 'uieditor.sfbComponent.footer.style.option.newsletter_social' },
    { value: BOTTOM_BAR_LAYOUT, label: 'uieditor.sfbComponent.footer.style.option.bottom_bar' },
    { value: FEATURE_BAR_LAYOUT, label: 'uieditor.sfbComponent.footer.style.option.feature_bar' }
];
export const FOOTER_NEWSLETTER_BUTTON_STYLE_OPTIONS = [
    { value: THEME_PRIMARY, label: 'uieditor.sfbComponent.footer.newsletterButtonStyle.option.primary' },
    { value: THEME_SECONDARY, label: 'uieditor.sfbComponent.footer.newsletterButtonStyle.option.secondary' }
];
export const FOOTER_SIZES_OPTIONS = [SMALL, MEDIUM, LARGE];
export const FOOTER_NEWSLETTER_POSITION_OPTIONS = [LEFT, RIGHT];
export const FOOTER_LOGO_POSITION_OPTIONS = [LEFT, TOP_LEFT, BOTTOM_LEFT, RIGHT, TOP_RIGHT, BOTTOM_RIGHT];
export const FOOTER_SOCIAL_ICON_POSITION_OPTIONS = [LEFT, RIGHT];

export const FOOTER_PADDING_SMALL = 25;
export const FOOTER_PADDING_MEDIUM = 50;
export const FOOTER_PADDING_LARGE = 80;
