@heycar-uikit/core/grid/modern/components/Row.js

The React UI library from HeyCar

import React, { useMemo } from 'react';
import cn from 'classnames';
import getGridClassNames from '../utils/getGridClassNames.js';
import { g as guttersStyles } from '../gutters.module-2c09164f.js';

var styles = {"component":"grid__component_1vo5v","top":"grid__top_1vo5v","middle":"grid__middle_1vo5v","bottom":"grid__bottom_1vo5v","left":"grid__left_1vo5v","center":"grid__center_1vo5v","right":"grid__right_1vo5v","around":"grid__around_1vo5v","between":"grid__between_1vo5v"};
 require('./row.css');

function Row({ component, className, gutter = {
    mobile: 8,
    tablet: { s: 12, l: 16 },
    desktop: {
        s: 16,
        m: 16,
        l: 24,
    },
}, align, justify = 'between', children, dataTestId, ...props }) {
    const Component = component ?? 'div';
    const gridClassNames = useMemo(() => getGridClassNames({ gutter }, guttersStyles), [gutter]);
    const classNames = cn(guttersStyles.row, styles.component, align && styles[align], styles[justify], ...gridClassNames, className);
    return (React.createElement(Component, { className: classNames, "data-test-id": dataTestId, ...props }, children));
}

export { Row as default };