import React from 'react'

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

export function Sub({ children, right }: SubProps): React.JSX.Element {
  return (
    <div className="sub">
      {children}
      {right != null && <div className="sub-right">{right}</div>}
    </div>
  )
}