"use client";
import Style from "./Col.styled";
export default function Col(props) {
    const gap = props?.gap === 0 ? 0 : props?.gap || 4;
    const fit = props?.fit || false;
    const fill = props?.fill || false;
    const reverse = props?.reverse || false;
    return (<Style title={props?.title} style={props?.style} $gap={gap} $fit={fit} $fill={fill} $responsive={props?.responsive} $reverse={reverse} data-col={props?.align} data-show={props?.show} data-hide={props?.hide}>
            {props.children}
        </Style>);
}
//# sourceMappingURL=Col.jsx.map