SyntaxHighlighter

Syntax highlighter component using prism for the actual source display.

	Status	Full name	Title	Time(ms)
SyntaxHighlighter.test.ts(12 tests)
	passed	SyntaxHighlighter > overview > 1	snapshot	115
	passed	SyntaxHighlighter > overview > 1	accessibility	116
	passed	SyntaxHighlighter > overview > 2	snapshot	39
	passed	SyntaxHighlighter > overview > 2	accessibility	74
	passed	SyntaxHighlighter > overview > 3	snapshot	59
	passed	SyntaxHighlighter > overview > 3	accessibility	218
	passed	SyntaxHighlighter > overview > 4	snapshot	531
	passed	SyntaxHighlighter > overview > 4	accessibility	1054
	passed	SyntaxHighlighter > overview > 5	snapshot	110

total 12 tests

	Kind	Total	Covered	Skipped	%
SyntaxHighlighter.tsx
	lines	30	22	0	73.33%
	functions	11	6	0	54.54%
	statements	33	24	0	72.72%
	branches	22	14	0	63.63%

import { Button } from 'theme-ui';

	id	description
	avoid-inline-spacing	Ensure that text spacing set through style attributes can be adjusted with custom stylesheets...
	color-contrast	Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds...

import { Button } from 'theme-ui';

320px

import { Button } from 'theme-ui';

375px

import { Button } from 'theme-ui';

768px

import { Button } from 'theme-ui';

1024px