All files / src/components/settings/common ErrorMessage.tsx

0% Statements 0/14
0% Branches 0/1
0% Functions 0/1
0% Lines 0/14

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27                                                     
import React from "react"
 
/**
 * Props for the ErrorMessage component
 */
interface ErrorMessageProps {
	message: string
	style?: React.CSSProperties
}
 
/**
 * A reusable component for displaying error messages
 */
export const ErrorMessage = ({ message, style }: ErrorMessageProps) => {
	return (
		<p
			style={{
				margin: "-10px 0 4px 0",
				fontSize: 12,
				color: "var(--vscode-errorForeground)",
				...style,
			}}>
			{message}
		</p>
	)
}