var index = {
  colorScheme: {
    light: {
      header: {
        background: '{surface.0}',
        borderColor: '{surface.200}',
        color: '{surface.700}'
      },
      headerCell: {
        background: '{surface.0}',
        hoverBackground: '{surface.100}',
        borderColor: '{surface.200}',
        color: '{surface.700}',
        hoverColor: '{surface.800}'
      },
      row: {
        background: '{surface.0}',
        hoverBackground: '{surface.100}',
        color: '{surface.700}',
        hoverColor: '{surface.800}'
      },
      bodyCell: {
        borderColor: '{surface.200}',
        selectedBorderColor: '{primary.100}'
      },
      footerCell: {
        background: '{surface.0}',
        borderColor: '{surface.200}',
        color: '{surface.700}'
      },
      footer: {
        background: '{surface.0}',
        borderColor: '{surface.200}',
        color: '{surface.700}'
      },
      resizerColor: '{primary.color}',
      sortIcon: {
        color: '{surface.500}',
        hoverColor: '{surface.600}'
      },
      rowAction: {
        hoverBackground: '{surface.100}',
        highlightHoverBackground: '{surface.0}',
        color: '{surface.500}',
        hoverColor: '{surface.500}'
      }
    },
    dark: {
      header: {
        background: '{surface.900}',
        borderColor: '{surface.800}',
        color: '{surface.0}'
      },
      headerCell: {
        background: '{surface.900}',
        hoverBackground: '{surface.800}',
        borderColor: '{surface.800}',
        color: '{surface.0}',
        hoverColor: '{surface.0}'
      },
      row: {
        background: '{surface.900}',
        hoverBackground: '{surface.800}',
        color: '{surface.0}',
        hoverColor: '{surface.0}'
      },
      bodyCell: {
        borderColor: '{surface.800}',
        selectedBorderColor: '{primary.900}'
      },
      footerCell: {
        background: '{surface.900}',
        borderColor: '{surface.800}',
        color: '{surface.0}'
      },
      footer: {
        background: '{surface.900}',
        borderColor: '{surface.800}',
        color: '{surface.0}'
      },
      resizerColor: '{primary.color}',
      sortIcon: {
        color: '{surface.400}',
        hoverColor: '{surface.300}'
      },
      rowAction: {
        hoverBackground: '{surface.800}',
        highlightHoverBackground: '{surface.900}',
        color: '{surface.400}',
        hoverColor: '{surface.300}'
      }
    }
  }
};

export { index as default };
