// 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/Accordion/Accordion.less stylesheet snapshot', () => {
  it('compiled CSS with tokens inlined', async () => {
    const css = await compileLessWithTokens(join(__dirname, 'Accordion.less'), DEFAULT_TOKEN_CSS_FILES, {
      lessPreludes: DEFAULT_LESS_PRELUDES,
    });
    expect(css).toMatchTokensInlineSnapshot(`
.accordion {
  --accordionTriggerPaddingVertical: 16px;
  --accordionTriggerPaddingHorizontal: 16px;
  --accordionContentPadding: 16px;
  --accordionTitleFontSize: 18px;
  --accordionTitleFontWeight: 400;
  --accordionTitleLineHeight: 24px;
  --accordionTitleLetterSpacing: 0px;
}
.accordion--dense {
  --accordionTriggerPaddingVertical: 8px;
  --accordionTitleFontSize: 12px;
  --accordionTitleFontWeight: 400;
  --accordionTitleLineHeight: 14px;
  --accordionTitleLetterSpacing: 0px;
}
.accordion__title {
  font-family: 'Inter Display', 'Arial', sans-serif;
  font-size: var(--accordionTitleFontSize);
  font-weight: var(--accordionTitleFontWeight);
  line-height: var(--accordionTitleLineHeight);
  letter-spacing: var(--accordionTitleLetterSpacing);
}
.accordion__content {
  display: none;
  padding: var(--accordionContentPadding);
}
.accordion__content--open {
  display: block;
}
.accordion__trigger {
  cursor: pointer;
  z-index: 1;
  display: block;
  width: 100%;
  padding: var(--accordionTriggerPaddingVertical) var(--accordionTriggerPaddingHorizontal);
  text-align: left;
  background: oklch(1 0 none);
  border: none;
  box-shadow: none;
}
.accordion__trigger__inner {
  position: relative;
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
}
.accordion--withBackground .accordion__trigger {
  background: oklch(0.9491 0 none);
}
.accordion--dividerTop .accordion__item {
  border-top: 1px solid oklch(0.8761 0 none);
}
.accordion--dividerBottom .accordion__item {
  border-bottom: 1px solid oklch(0.8761 0 none);
}
.accordion--dividerTopBottom .accordion__item {
  border-top: 1px solid oklch(0.8761 0 none);
}
.accordion--dividerTopBottom .accordion__item:last-child {
  border-bottom: 1px solid oklch(0.8761 0 none);
}
.accordion__item--open .accordion__trigger .icon {
  transform: rotate(180deg);
}
`);
  });
});