/**
 * @license MIT
 * author: Cube Dev Team
 * @cube-dev/ui-kit v0.108.1
 * Released under the MIT license.
 */

import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from 'react';
import { tasty } from '../../../tasty/index.js';
import { LayoutContainer } from './LayoutContainer.js';
const CenterElement = tasty(LayoutContainer, {
    qa: 'LayoutCenter',
    styles: {
        placeItems: 'center',
        placeContent: 'center',
        Inner: {
            textAlign: 'center',
            placeItems: 'center',
        },
    },
});
function LayoutCenter(props, ref) {
    const { children, ...otherProps } = props;
    return (_jsx(CenterElement, { ...otherProps, ref: ref, children: children }));
}
const _LayoutCenter = forwardRef(LayoutCenter);
_LayoutCenter.displayName = 'Layout.Center';
export { _LayoutCenter as LayoutCenter };

        