import styled from 'styled-components';
import { Box } from '@strapi/design-system';

export const EditorBar = styled(Box)`
	padding: ${8 / 16}em;
	background-color: ${(props) => props.theme.colors.neutral100};
	border: 1px solid ${(props) => props.theme.colors.neutral200};
`;

export const Wrapper = styled(EditorBar)`
	display: flex;
	gap: ${8 / 16}em;
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	flex-wrap: wrap;
`;