import { __assign } from '../../node_modules/tslib/tslib.es6.js';
import React from 'react';
import VehicleReference from '../vehicleReference/index.js';
import { Box } from '@chakra-ui/react';
import TwoColumnsLayout from './TwoColumnsLayout.js';

var LayoutWithVehicleReference = function (_a) {
    var title = _a.title, backLink = _a.backLink, vehicle = _a.vehicle, header = _a.header, children = _a.children, _b = _a.leftColumnSize, leftColumnSize = _b === void 0 ? 8 : _b, _c = _a.rightColumnSize, rightColumnSize = _c === void 0 ? 4 : _c, _d = _a.maxContentWidth, maxContentWidth = _d === void 0 ? 'lg' : _d;
    var contentMargin = { md: '2xl' };
    return (React.createElement(TwoColumnsLayout, { header: header, backLink: backLink, title: title ? React.createElement(Box, { marginRight: contentMargin }, title) : null, left: {
            content: React.createElement(Box, { marginRight: contentMargin }, children),
            columns: leftColumnSize,
        }, right: {
            content: React.createElement(VehicleReference, __assign({}, vehicle)),
            columns: rightColumnSize,
        }, maxContentWidth: maxContentWidth }));
};

export { LayoutWithVehicleReference as default };
//# sourceMappingURL=WithVehicleReference.js.map
