Function Toolbar

packages/ui/src/toolbar.tsx:159–170

export const useToolbarContext = () => React.useContext(ToolbarContext)

export const Toolbar: React.FC<Toolbar> = props => {
  const { mode = 'normal' } = props
  const side = props.side ?? mode === 'inline' ? 'top' : 'bottom'
  return (
    <ToolbarContext.Provider value={{ side, mode }}>
      <StyledToolbar
        {...props}
        onClick={composeEventHandlers(props.onClick, e => e.preventDefault())}
      />
    </ToolbarContext.Provider>
  )
}