import { InfoCardWithBarsProps } from '../info-card-with-bars';

const activeSessionMockData: InfoCardWithBarsProps['data'] = {
  textual: [
    { text: 'Agent Sessions:', value: 216 },
    { text: 'Total Sessions:', value: 312 },
    {
      text: 'App Sessions:',
      value: 96
    }
  ],
  chart: [
    {
      width: '14.15%',
      progressBarProps: {
        color: '#4374E0',
        texts: {
          bottom: 'US',
          top: 30
        }
      }
    },
    {
      width: '9.43%',
      progressBarProps: {
        color: '#DC3912',
        texts: {
          bottom: 'IL',
          top: 20
        }
      }
    },
    {
      width: '20%',
      progressBarProps: {
        color: '#109618',
        texts: {
          bottom: 'UK',
          top: 116
        }
      }
    },
    {
      width: '50.76%',
      progressBarProps: {
        color: '#E49307',
        texts: {
          bottom: 'IT',
          top: 34
        }
      }
    },
    {
      width: '5.66%',
      progressBarProps: {
        color: '#990099',
        texts: {
          bottom: 'RU',
          top: 12
        }
      },
      tooltipProps: {
        title: 'Generic tooltip'
      }
    }
  ]
};

export default activeSessionMockData;