feat: Add Error banner component.

src/components/ErrorBanner/ErrorBanner.styled.tsx

@@ -0,0 +1,17 @@
+import { Banner } from '@equinor/eds-core-react';
+import styled from 'styled-components';
+import { spacings } from '../../tokens/spacings';
+
+export const Error = styled(Banner)`
+  max-width: 650px;
+  box-shadow: none;
+  hr {
+    height: 0px;
+  }
+
+  div {
+    background-color: #ffaebf;
+    border: solid 1px #c7264c;
+    border-radius: ${spacings.BORDER_ROUNDED};
+  }
+`;

src/components/ErrorBanner/ErrorBanner.tsx

@@ -0,0 +1,12 @@
+import { Banner } from '@equinor/eds-core-react';
+import * as Styled from './ErrorBanner.styled';
+
+export const ErrorBanner = ({ text }: { text: string | undefined }) => {
+  return (
+    <Styled.Error>
+      <Banner.Message color="#C7264C">
+        {text !== undefined ? text : ''}
+      </Banner.Message>
+    </Styled.Error>
+  );
+};