import { observer } from 'mobx-react-lite';
import React from 'react';
import { PickerStandaloneLayoutHeader } from './PickerStandaloneLayoutHeader';
import { Box } from '@wix/design-system';
import { PickerStandaloneLayoutFooter } from './PickerStandaloneLayoutFooter';
function _PickerStandaloneLayout(props) {
    const { children, state, height, maxHeight = '100vh', width = '618px', createNewAction, ...rest } = props;
    const { isMobileView } = state;
    const containerProps = isMobileView
        ? {
            height: '100%',
            width: '100%',
        }
        : {
            height,
            width,
            maxHeight,
            borderRadius: '8px',
            boxShadow: 'rgba(22, 45, 61, 0.12) 0px 8px 8px 0px, rgba(22, 45, 61, 0.18) 0px 3px 24px 0px',
        };
    return (React.createElement(Box, { direction: "vertical", backgroundColor: "D80", overflowY: "auto", ...containerProps, ...rest },
        React.createElement(PickerStandaloneLayoutHeader, { ...props }),
        children,
        createNewAction && (React.createElement(PickerStandaloneLayoutFooter, { state: state, createNewAction: createNewAction }))));
}
export const PickerStandaloneLayout = observer(_PickerStandaloneLayout);
//# sourceMappingURL=PickerStandaloneLayout.js.map