import { StyleSystemThemedProps } from 'components/layout';
import { Knowledge } from 'icons';
import { Heading as HeadingBase } from 'components';
import { metrics } from 'config';

const { STYLES } = metrics;
export const Heading: React.FC<HeadingType> = ({ ...props }) => {
  return (
    <HeadingBase
      height={STYLES.headerHeight}
      isBack
      title="Rooms"
      isAction
      action={<Knowledge />}
      {...props}
    />
  );
};

type HeadingType = StyleSystemThemedProps & {};
