started creating login register dialog

src/components/dialogs/DialogTitle/index.tsx

@@ -0,0 +1,10 @@
+import React, { FC, ReactNode } from 'react';
+import styles from './styles.scss';
+
+interface IProps {
+  children: ReactNode;
+}
+
+const DialogTitle: FC<IProps> = ({ children }) => <h2 className={styles.title}>{children}</h2>;
+
+export { DialogTitle };

src/components/dialogs/DialogTitle/styles.scss

@@ -0,0 +1,4 @@
+.title {
+  margin: $gap 0 $gap * 4 !important;
+  text-transform: uppercase;
+}