import styled from '@emotion/styled';
import { Popover } from '@os-design/core';
import { clr } from '@os-design/theming';

const Toolbar = styled(Popover)`
  // Reset popover styles
  border: 0;

  display: flex;
  flex-direction: row;
  overflow: hidden; // For border-radius

  background-color: ${(p) => clr(p.theme.editorToolbarButtonColorBg)};
`;

Toolbar.displayName = 'Toolbar';

export default Toolbar;