import { jsx } from 'react/jsx-runtime';
import { forwardRef } from 'react';
import { Root as Slot } from '../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@19.1.9_react@19.1.1/node_modules/@radix-ui/react-slot/dist/index.js';

const GridItem = forwardRef(({ area, colStart, colEnd, rowStart, rowEnd, colSpan, rowSpan, justifySelf, alignSelf, style, asChild, ...props }, ref) => {
    const Comp = asChild ? Slot : 'div';
    return (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';

export { GridItem };
//# sourceMappingURL=grid-item.js.map
