import { Box, Text } from '@wix/design-system';
import React from 'react';
export function MainCellLayout(props) {
    const { dataHook, image, breadcrumbs, dragHandle, expandCollapseButton, title, subtitle, titleMaxWidth, } = props;
    return (React.createElement(Box, { direction: "horizontal", verticalAlign: "middle", dataHook: dataHook, minWidth: 0 },
        dragHandle,
        expandCollapseButton,
        image && (React.createElement(Box, { height: "40px", paddingInlineEnd: "12px", dataHook: "image", flexShrink: 0 }, image)),
        React.createElement(Box, { direction: "vertical", minWidth: 0, minHeight: 0 },
            React.createElement(Box, { direction: "horizontal", minWidth: 0 },
                breadcrumbs,
                React.createElement(Box, { flexShrink: titleMaxWidth != null ? 0 : undefined, minWidth: 0, maxWidth: titleMaxWidth },
                    React.createElement(Text, { ellipsis: true, size: "small", weight: "normal", dataHook: "title" }, title))),
            subtitle && (React.createElement(Text, { ellipsis: true, size: "tiny", secondary: true, light: true, dataHook: "subtitle" }, subtitle)))));
}
//# sourceMappingURL=MainCellLayout.js.map