changed profile stats appearance

src/components/common/SubTitle/index.tsx

@@ -0,0 +1,19 @@
+import React, { FC } from 'react';
+import { Placeholder } from '~/components/placeholders/Placeholder';
+import { DivProps } from '~/utils/types';
+import classNames from 'classnames';
+import styles from './styles.module.scss';
+
+interface Props extends DivProps {
+  isLoading?: boolean;
+}
+
+const SubTitle: FC<Props> = ({ isLoading, children, ...rest }) => (
+  <div {...rest} className={classNames(styles.title, rest.className)}>
+    <Placeholder active={isLoading} loading>
+      {children}
+    </Placeholder>
+  </div>
+);
+
+export { SubTitle };

src/components/common/SubTitle/styles.module.scss

@@ -0,0 +1,7 @@
+@import "~/styles/variables.scss";
+
+.title {
+  font: $font_12_semibold;
+  text-transform: uppercase;
+  opacity: 0.3;
+}