import { Meta, Story, Canvas, Title, Subtitle, Source, ArgsTable, ColorPalette, ColorItem, Description } from '@storybook/addon-docs';
import getColour from '@lendi-ui/commons/colours';
import styled, {css} from 'styled-components';
import Text from '@lendi-ui/typography';
import * as stories from './all.stories.tsx';
import { TITLE_FOUNDATIONS, TITLE_COLORS, TITLE_SEMANTIC_COLORS } from '../../../../../docs/content';

<Meta title={`${TITLE_FOUNDATIONS}/${TITLE_COLORS}/${TITLE_SEMANTIC_COLORS}`}/>

<Title>{TITLE_SEMANTIC_COLORS}</Title>

The following table shows Semantic Colours for current theme. Use Controls above to change theme.

**Note:** Semantic Colours are available for all 4 themes: `lendi`, `lendi-next`, `domain`, `aussie`.

<Story name="Usage" story={stories.SemanticColours} />