component-shared.ts

import { hexToRgbA } from './e2e-helper';

export const cardSizes = [
  { sizeKey: 'tiny', height: '96px' },
  { sizeKey: 'small', height: '336px' },
  { sizeKey: 'meduim', height: '456px' },
  { sizeKey: 'large', height: '576px' },
  { sizeKey: 'giant', height: '696px' },
];

export const alertSizes = [
  { sizeKey: 'tiny', height: '72px' },
  { sizeKey: 'small', height: '92px' },
  { sizeKey: 'meduim', height: '112px' },
  { sizeKey: 'large', height: '132px' },
  { sizeKey: 'giant', height: '152px' },
];

export const colors = [
  { colorKey: 'primary', color: hexToRgbA('#3366ff') },
  { colorKey: 'success', color: hexToRgbA('#00d68f') },
  { colorKey: 'info', color: hexToRgbA('#0095ff') },
  { colorKey: 'warning', color: hexToRgbA('#ffaa00') },
  { colorKey: 'danger', color: hexToRgbA('#ff3d71') },
];

export const chatSizes = [
  { sizeKey: 'tiny', height: '216px' },
  { sizeKey: 'small', height: '336px' },
  { sizeKey: 'meduim', height: '456px' },
  { sizeKey: 'large', height: '576px' },
  { sizeKey: 'giant', height: '696px' },
];