import { IItem } from './../interfaces/IItem';

export const DRAGGABLE_ELEMENTS = ['img', 'iframe', 'button', 'h1'];

export const SECTION_NAMES = [
  'bg-intro',
  'contact-links',
  'contact-form',
  'add-to-contacts',
  'qr-code',
  'share-links',
  'user-info',
  'wallpaper',
  'container',
  'user-info',
  'navbar',
  'slider-container',
  'slide',
  'countdown-container',
  'countdown',
];

export const QUICK_SIDEBAR_OPTIONS = [
  'bg-intro',
  'contact-links',
  'container',
  'contact-form',
  'add-to-contacts',
  'qr-code',
  'share-links',
  'user-info',
  'navbar',
  'slider-container',
  'countdown-container',
];

// export const DEFAULTPOSITIONWRAPPER = [
//   {
//     key: 'left',
//     value: '100px',
//   },
//   {
//     key: 'top',
//     value: '100px',
//   },
// ];

export const DEFAULT_POSITION_WRAPPER = [
  {
    key: 'left',
    value: '0',
  },
  {
    key: 'top',
    value: '0',
  },
];

export const DEFAULT_POSITION_WRAPPER_VIDEO = [
  {
    key: 'left',
    value: '50%',
  },
  {
    key: 'top',
    value: '50%',
  },
];

export const RESIZABLE_SECTIONS = [
  'bg-intro',
  'user-info',
  'contact-links',
  'contact-form',
  'add-to-contacts',
  'qr-code',
  'share-links',
  'container',
  'slider-container',
  'countdown-container',
];

// Animations

export const DELAY_RANGE: IItem[] = [
  {
    value: '0',
  },
  {
    value: '8',
  },
];

export const DISTANCE_RANGE: IItem[] = [
  {
    value: '0',
  },
  {
    value: '300',
  },
];

export const DURATION_RANGE: IItem[] = [
  {
    value: '0',
  },
  {
    value: '4',
  },
];

export const NUMBER_TURNS_RANGE: IItem[] = [
  {
    value: '0',
  },
  {
    value: '15',
  },
];

export const TURNING_SENSE_LIST: IItem[] = [
  {
    _id: '12c81742-8e6b-4340-a3c1-6a488ece6e5d',
    text: 'Clockwise',
    value: 'clockwise',
  },
  {
    _id: 'a8d6b16d-f4c1-419b-980a-7bbf46683f3e',
    text: 'Counter-clockwise',
    value: 'counterclockwise',
  },
];

export const STRENGTH_LIST: IItem[] = [
  {
    text: 'Slight',
    value: '0.9',
  },
  {
    text: 'Medium',
    value: '0.6',
  },
  {
    text: 'Strong',
    value: '0.3',
  },
];

// Slides

export const SLIDESPERVIEWANDSTEPS = [
  {
    text: 1,
    value: 1,
  },
  {
    text: 2,
    value: 2,
  },
  {
    text: 3,
    value: 3,
  },
];

export const SECONDSSTAY = [
  {
    text: '0.5 sec',
    value: 500,
  },
  {
    text: '1 sec',
    value: 1000,
  },
  {
    text: '1.5 sec',
    value: 1500,
  },
  {
    text: '2 sec',
    value: 2000,
  },
  {
    text: '2.5 sec',
    value: 2500,
  },
  {
    text: '3 sec',
    value: 3000,
  },
];

// Fonts

export const SIZESFONTSP = [
  {
    value: '14px',
    text: '14px',
  },
  {
    value: '16px',
    text: '16px',
  },
  {
    value: '18px',
    text: '18px',
  },
  {
    value: '20px',
    text: '20px',
  },
  {
    value: '22px',
    text: '22px',
  },
  {
    value: '24px',
    text: '24px',
  },
  {
    value: '26px',
    text: '26px',
  },
  {
    value: '28px',
    text: '28px',
  },
  {
    value: '30px',
    text: '30px',
  },
  {
    value: '32px',
    text: '32px',
  },
];

// Sizes

export const SIZES_DIV: IItem[] = [
  {
    text: 'S',
    value: '24',
    description: 'S Size',
  },
  {
    text: 'M',
    value: '32',
    description: 'M Size',
  },
  {
    text: 'L',
    value: '46',
    description: 'L Size',
  },
  {
    text: 'EL',
    value: '58',
    description: 'Extra L Size',
  },
];

export const SIZES_P: IItem[] = [
  {
    text: 'S',
    value: '18',
    description: 'S L Size',
  },
  {
    text: 'M',
    value: '24',
    description: 'M L Size',
  },
  {
    text: 'L',
    value: '32',
    description: 'L L Size',
  },
];

export const SIZES_ICON_LABEL: IItem[] = [
  {
    text: 'S',
    value: '15',
    description: 'S Size',
  },
  {
    text: 'M',
    value: '25',
    description: 'M Size',
  },
  {
    text: 'L',
    value: '35',
    description: 'L Size',
  },
];

export const BLANK_SECTION_SHORTCUT_OPTIONS = [
  'bg-intro',
  'user-info',
  'main-info',
  'contact-links',
  'contact-form',
  'qr-code',
  'about-us',
  'add-to-contacts',
  'share-links',
  'container',
  'footer',
  'slider-container',
  'countdown-container',
  'countdown',
];

// export const STORAGE_KEYS = {
//   APP: '__app',
//   SECTIONS: '__sections',
//   COLORS: '__colors',
//   PREVIEW: '__preview',
//   PERMISSIONS: '__permissions',
//   ROLE: '__role',
//   USER: '__user',
//   AGENCY: 'agency',
//   PAGES: '__pages',
// };

export const TOOLTIP_SECTION = [
  'bg-intro',
  'user-info',
  'container',
  'contact-links',
  'contact-form',
  'section',
  'add-to-contacts',
  'qr-code',
  'share-links',
  'slider-container',
  'countdown-container',
];