Function CodeWrapper

website/app/components/code/Code.tsx:66–98

({ children, language, code }: CodeWrapperProps)

}

export const CodeWrapper = ({ children, language, code }: CodeWrapperProps) => {
	const clipboard = useClipboard({ timeout: 1500 });
	const copyLabel = clipboard.copied ? 'Copied' : 'Copy code';

	return (
		<figure className={classes.root} translate="no">
			<Text component="span" className={classes.dots} aria-hidden="true">
				&#11044;&#11044;
			</Text>
			{children}
			<Group gap={0} className={classes.tools} component="figcaption">
				{language ? (
					<div className={classes.language}>
						<Text component="span" fw={400} fz={13}>
							{displayLanguage(language)}
						</Text>
					</div>
				) : null}
				<Tooltip label={copyLabel} withArrow arrowSize={6} offset={6}>
					<ActionIcon
						className={classes.copy}
						aria-label={copyLabel}
						onClick={() => {
							clipboard.copy(code);
						}}
					>
						<IconCopy aria-hidden="true" stroke="white" />
					</ActionIcon>
				</Tooltip>
			</Group>
		</figure>
	);
};

interface CodeHighlightProps {
	code: string;