/*!
 * Copyright (c) Microsoft. All rights reserved.
 * Licensed under the MIT license. See LICENSE file in the project.
 */ import { jsx as _jsx } from "react/jsx-runtime";
import styled from '@essex/styled-components';
import { memo } from 'react';
export const CommandBarContainer = /*#__PURE__*/ memo(function CommandBarContainer({ props , renderers  }) {
    return /*#__PURE__*/ _jsx(Container, {
        className: "header-command-bar",
        children: renderers.map((renderer, i)=>/*#__PURE__*/ _jsx(Command, {
                children: renderer(props)
            }, i))
    });
});
const Command = styled.div``;
const Container = styled.div`
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-top: 1px solid ${({ theme  })=>theme.palette.neutralLighter};
	border-bottom: 1px solid ${({ theme  })=>theme.palette.neutralLighter};
`;
