import { Meta } from '@storybook/blocks';
import { parameters } from '../../utils/docsPage.js';
import CopyColourTable from '../../docs-components/CopyColourTable/Table.jsx';
import { extractCssColourVariables } from '../../utils/parseCss';

import trScheme from '../../../scss/colours/thematic/_tr.scss?raw';
import nordScheme from '../../../scss/colours/thematic/_nord.scss?raw';

<Meta title="Styles/Colours/Thematic" parameters={{ ...parameters }} />

# Thematic colours

<CopyColourTable
  title="Thomson Reuters"
  body={extractCssColourVariables(trScheme)}
  included
  partial="thematic/_tr.scss"
/>

<CopyColourTable
  title="Nord"
  body={extractCssColourVariables(nordScheme)}
  partial="thematic/_nord.scss"
/>
