message: make tabbar optional, and warn about its usage on mobile
diff: -import React, { HTMLAttributes, ReactNode, Component } from 'react';
  +import React, { HTMLAttributes, ReactNode, FC, useEffect } from 'react';
  import getClassName from '../../helpers/getClassName';
  import classNames from '../../lib/classNames';
  -import { HasChildren, HasPlatform } from '../../types';
  -import withPlatform from '../../hoc/withPlatform';
  +import { HasChildren } from '../../types';
  +import usePlatform from '../../hooks/usePlatform';
  +import { AdaptivityProps } from 'index';
  +import withAdaptivity, { ViewWidth } from '../../hoc/withAdaptivity';
  -export interface EpicProps extends HTMLAttributes<HTMLDivElement>, HasChildren, HasPlatform {
  - tabbar: ReactNode;
  +export interface EpicProps extends HTMLAttributes<HTMLDivElement>, HasChildren, AdaptivityProps {
  + tabbar?: ReactNode;
  activeStory: string;
  }
  -class Epic extends Component<EpicProps> {
  - render() {
  - const { className, activeStory, tabbar, children, platform, ...restProps } = this.props;
  +export const Epic: FC<EpicProps> = (props) => {
  + const platform = usePlatform();
  + const { className, activeStory, tabbar, children, viewWidth, ...restProps } = props;
  +
  + useEffect(() => {
  + if (!tabbar && viewWidth < ViewWidth.SMALL_TABLET) {
  + console.warn('[Epic] Using Epic without tabbar is not recommended on mobile');
  + }
  + }, [viewWidth]);
  return (
  <div {...restProps} className={classNames(getClassName('Epic', platform), className)}>
  @@ -19,7 +27,8 @@ class Epic extends Component<EpicProps> {
  {tabbar}
  </div>
  );
  - }
  -}
  +};
  -export default withPlatform(Epic);
  +export default withAdaptivity(Epic, {
  + viewWidth: true,
  +});
  