@use '../abstracts/variables' as *;

.table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 6px;

    th,
    td {
        padding: 0.75rem;
        text-align: left;
        font-size: .875rem;
    }

    &__td--full {
        width: 100%;
    }

    &__td--nowrap {
        white-space: nowrap;
    }

    tr {
        border-bottom: 1px solid $color-border;

        &:last-of-type {
            border-bottom: none;
        }
    }

    thead {
        background-color: $color-bg-element;
        border-bottom: 1px solid $color-border;

        th {
            font-weight: 600;
            color: $color-text-lighter;
        }
    }

    tbody {
  
    }
}