Server-Side Row Model - Styled Columns

import {AdaptableOptions} from '@adaptabletools/adaptable';

export const adaptableOptions: AdaptableOptions = {
  primaryKey: 'id',
  adaptableId: 'SSRM - Styled Columns',

  initialState: {
    Dashboard: {
      ModuleButtons: ['StyledColumn'],
    },
    Theme: {
      CurrentTheme: 'dark',
    },
    Layout: {
      CurrentLayout: 'SSRM Layout',
      Layouts: [
        {
          Name: 'SSRM Layout',
          TableColumns: [
            'athlete',
            'gold',
            'silver',
            'bronze',
            'country',
            'sport',
            'year',
          ],
          ColumnSizing: {
            athlete: {Width: 175},
            bronze: {Width: 100},
            country: {Width: 160},
            gold: {Width: 110},
            silver: {Width: 130},
            sport: {Width: 175},
            year: {Width: 115},
          },
        },
      ],
    },

    StyledColumn: {
      StyledColumns: [
        {
          Name: 'gold Gradient',
          ColumnId: 'gold',
          GradientStyle: {
            CellRanges: [{Min: 0, Max: 10, Color: '#ffee2e'}],
          },
        },
        {
          Name: 'silver Percent Bar',
          ColumnId: 'silver',
          PercentBarStyle: {
            RangeValueType: 'Number',
            CellRanges: [
              {
                Min: 0,
                Max: 10,
                Color: '#c0c0c0',
              },
            ],
            BackColor: '#4a4a4a',
          },
        },
        {
          Name: 'country Badge',
          ColumnId: 'country',
          BadgeStyle: {
            Badges: [
              {
                Shape: 'Rounded',
                Rule: '[country] = "United States"',
                PillStyle: {
                  BackColor: '#3c3b6e',
                  ForeColor: 'var(--ab-color-palette-14)',
                },
              },
              {
                Shape: 'Rounded',
                Rule: '[country] = "China"',
                PillStyle: {
                  BackColor: '#de2910',
                  ForeColor: 'var(--ab-color-palette-14)',
                },
              },
              {
                Shape: 'Rounded',
                Rule: '[country] = "Russia"',
                PillStyle: {
                  BackColor: '#0039a6',
                  ForeColor: 'var(--ab-color-palette-14)',
                },
              },
              {
                Shape: 'Rounded',
                Rule: '[country] = "Australia"',
                PillStyle: {
                  BackColor: '#012169',
                  ForeColor: 'var(--ab-color-palette-14)',
                },
              },
              {
                Shape: 'Rounded',
                Rule: '[country] = "Great Britain"',
                PillStyle: {
                  BackColor: '#012169',
                  ForeColor: 'var(--ab-color-palette-14)',
                },
              },
              {
                Shape: 'Rounded',
                PillStyle: {
                  BackColor: '#555555',
                  ForeColor: 'var(--ab-color-palette-14)',
                },
              },
            ],
          },
        },
      ],
    },
  },
};