notifications: notification settings page

src/components/input/InputRow/index.tsx

@@ -0,0 +1,19 @@
+import React, { FC, ReactNode } from 'react';
+
+import classNames from 'classnames';
+
+import styles from './styles.module.scss';
+
+interface InputRowProps {
+  className?: string;
+  input?: ReactNode;
+}
+
+const InputRow: FC<InputRowProps> = ({ children, input, className }) => (
+  <div className={classNames(styles.row, className)}>
+    <div>{children}</div>
+    {!!input && <div>{input}</div>}
+  </div>
+);
+
+export { InputRow };

src/components/input/InputRow/styles.module.scss

@@ -0,0 +1,8 @@
+@import 'src/styles/variables';
+
+.row {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  row-gap: $gap;
+  align-items: center;
+}