import React from 'react';
import { StyledToolBar } from './styled';

/**
 * TODO
 */
function ToolBar (props) {
  const { children, sideBarMargin, position, orientation } = props;

  const renderChildren = (children) => {
      return React.Children.map(children,
          p => React.cloneElement(p, {})
      );
  };

  return (
      <StyledToolBar sideBarMargin={sideBarMargin} position={position} orientation={orientation}>
          { renderChildren(children) }
      </StyledToolBar>
  )
};

ToolBar.defaultProps = {
  position: 'top-right',
  orientation: 'vertical'
};

export default ToolBar;
