@use "@angular/material" as mat;
@mixin sc-flex-table-theme($theme) {
  $background: map-get($theme, background);
  $foreground: map-get($theme, foreground);

  .flex-table {
    //? row based (default)
    .row {
      .cell {
        border-color: mat.get-color-from-palette($foreground, divider) !important;
      }

      &:last-child .cell {
        border-bottom: 0;
      }

      &.--header {
        .cell {
          font-size: 12px;
          font-weight: 500;
          color: mat.get-color-from-palette($foreground, secondary-text);
        }
      }
      
          & .--sticky-left,
          & .--sticky-right {
            background-color: mat.get-color-from-palette($background, card);
            // border-color: mat.get-color-from-palette($foreground, divider);
          }
    }

    //? col based
    &.--columns {
      .cell {
        border-color: mat.get-color-from-palette($foreground, divider);

        &.--header {
          font-size: 12px;
          font-weight: 500;
          color: mat.get-color-from-palette($foreground, secondary-text);
        }
      }
    }
  }
}