"use client";
import Style from "./Row.styled";
import { motion } from "motion/react";
export default function Row(props) {
    const gap = props?.gap === 0 ? 0 : props?.gap || 4;
    const fill = props?.fill || false;
    const fit = props?.fit || false;
    const fix = props?.fix || false;
    const reverse = props?.reverse || false;
    return (<Style {...props?.swipe} as={props?.layout ? motion.div : props?.swipe?.as} title={props?.title} style={props?.style} $gap={gap} $change={props?.change || undefined} $fill={fill} $fix={fix} $fit={fit} $responsive={props?.responsive} $reverse={reverse} data-row={props?.align} data-show={props?.show} data-hide={props?.hide}>
            {props?.children}
        </Style>);
}
//# sourceMappingURL=Row.jsx.map