import React from 'react'

interface SubBarProps {
  children?: React.ReactNode
  right?: React.ReactNode
}

export function SubBar({ children, right }: SubBarProps): React.JSX.Element {
  if (children == null && right == null) {
    return <></>
  }
  return (
    <div className="subbar">
      {children}
      {right != null && <div className="subbar-right">{right}</div>}
    </div>
  )
}