'use strict';

var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
var React = require('react');
var index = require('../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs');

const GridItem = React.forwardRef(({ area, colStart, colEnd, rowStart, rowEnd, colSpan, rowSpan, justifySelf, alignSelf, style, asChild, ...props }, ref) => {
    const Comp = asChild ? index.Root : 'div';
    return (jsxRuntime.jsxRuntimeExports.jsx(Comp, { ref: ref, style: {
            gridArea: area,
            gridColumnStart: colStart,
            gridColumnEnd: colEnd,
            gridRowStart: rowStart,
            gridRowEnd: rowEnd,
            gridColumn: colSpan ? `span ${colSpan}` : undefined,
            gridRow: rowSpan ? `span ${rowSpan}` : undefined,
            justifySelf,
            alignSelf,
            ...style
        }, ...props }));
});
GridItem.displayName = 'GridItem';

exports.GridItem = GridItem;
//# sourceMappingURL=grid-item.cjs.map
