import React, { FC, ReactNode } from 'react';

import s from './SubNavigation.module.scss';

interface ISubNavigationProps {
  actions?: ReactNode;
}

export const SubNavigation: FC<ISubNavigationProps> = ({ children, actions }) => (
  <div className={s.subNavigation}>
    <div className={s.subNavigation__container}>
      <div className={s.subNavigation__content}>
        <div className={s.subNavigation__inline}>{children}</div>
        <div className={s.subNavigation__inline}>{actions}</div>
      </div>
    </div>
  </div>
);