Added and tested ErrorText

src/components/ErrorText/ErrorText.spec.tsx

@@ -0,0 +1,17 @@
+import {
+    describe,
+    expect,
+    test
+} from 'vitest';
+import { render } from '@testing-library/react'
+import {
+    ErrorText
+} from './ErrorText'
+
+
+describe('ErrorText', () => {
+    test('it renders with the text', () => {
+        const { queryByTestId } = render(<ErrorText data-testid="test-id">An Error has occured!</ErrorText>)
+        expect(queryByTestId('test-id')?.textContent).toEqual('An Error has occured!')
+    })
+})

src/components/ErrorText/ErrorText.tsx

@@ -0,0 +1,7 @@
+import { Typography, TypographyProps, } from "@mui/material";
+
+export const ErrorText: React.FunctionComponent<TypographyProps> = ({ ...props }) => {
+    return (
+        <Typography color="error" {...props} />
+    )
+}

src/components/index.ts

@@ -1 +1,2 @@
-export * from './PasswordField/PasswordField';
+export * from './PasswordField/PasswordField';
+export * from './ErrorText/ErrorText';