import React from 'react';
import { AmbientCard } from '../UI/surfaces/cards/AmbientCard';
import { Box } from '@material-ui/core';
export const HeaderLayout = ({ children }) => {
    return (React.createElement(AmbientCard, { style: { marginTop: 0, padding: 0 }, fullWidth: true }, React.createElement(Box, { display: "flex", flexDirection: "column" }, React.createElement(Box, { display: "flex", flexDirection: "column", alignItems: "flex-start", style: {
            padding: '0px',
        } }, React.createElement(Box, { display: "flex", flexDirection: "row", alignItems: "center", style: {
            padding: '0px',
            width: '100%',
            gap: '10px',
        } }, children)))));
};
//# sourceMappingURL=HeaderLayout.js.map