// Auto-generated by: pnpm test:stylesheets:update
import { join } from 'node:path';

import { compileLessWithTokens } from '../../../../scripts/testStylesheets/compileLessWithTokens';
import { DEFAULT_LESS_PRELUDES, DEFAULT_TOKEN_CSS_FILES } from '../../../../scripts/testStylesheets/config';

describe('components/Table/Pagination/Pagination.less stylesheet snapshot', () => {
  it('compiled CSS with tokens inlined', async () => {
    const css = await compileLessWithTokens(join(__dirname, 'Pagination.less'), DEFAULT_TOKEN_CSS_FILES, {
      lessPreludes: DEFAULT_LESS_PRELUDES,
    });
    expect(css).toMatchTokensInlineSnapshot(`
/*
Structure:
    .pagination
        .pagination__founds
        .pagination__content
            .pagination__limits
                .formListing
            .pagination__pages
            .pagination__jump
                .pagination__jumpForm
*/
.pagination {
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .pagination {
    text-align: left;
  }
}
.pagination__founds {
  margin: 0.5rem 0;
}
@media only screen and (min-width: 992px) {
  .pagination__founds {
    margin: 0;
  }
}
.pagination__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .pagination__content {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
.pagination__limits {
  width: 100%;
}
.pagination__limits label,
.pagination__limits .formListing {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 576px) {
  .pagination__limits label,
  .pagination__limits .formListing {
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 576px) {
  .pagination__limits {
    width: 50%;
    text-align: left;
  }
}
@media only screen and (min-width: 992px) {
  .pagination__limits {
    order: 1;
    width: auto;
  }
}
.pagination__pages {
  display: flex;
  gap: 4px;
  justify-content: center;
  order: -1;
  width: 100%;
  margin: 4px 0;
}
.pagination__pages a,
.pagination__pages strong {
  padding: 4px 8px;
}
.pagination__pages strong {
  color: oklch(1 0 none);
  background-color: oklch(0.7247 0.1478 233.0429);
}
@media only screen and (min-width: 992px) {
  .pagination__pages {
    order: 2;
    width: auto;
  }
}
.pagination__jump {
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .pagination__jump {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  .pagination__jump {
    order: 3;
    width: auto;
  }
}
.pagination__jumpForm {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 576px) {
  .pagination__jumpForm {
    justify-content: flex-end;
  }
}
`);
  });
});