applications/drive/src/app/components/sections/ToolbarRow/ToolbarRow.tsx

   1 import type { ReactNode } from 'react';
   2
   3 import './ToolbarRow.scss';
   4
   5 interface Props {
   6     titleArea: ReactNode;
   7     toolbar: ReactNode;
   8 }
   9
  10 const ToolbarRow = ({ titleArea, toolbar }: Props) => {
  11     return (
  12         <div className="toolbar-row flex flex-nowrap w-full border-bottom border-weak shrink-0">
  13             <div className="toolbar-row-toolbar shrink-0">{toolbar}</div>
  14             <div className="toolbar-row-titleArea flex items-center pl-3 pr-1">{titleArea}</div>
  15         </div>
  16     );
  17 };
  18
  19 export default ToolbarRow;