Files F122996767

Row.js
No OneTemporary
Actions

Subscribers

None

File Metadata

Created: Wed, Jul 23, 08:26

Row.js
View Options

	import classNames from 'classnames';
	import * as React from 'react';
	import { useBootstrapPrefix, useBootstrapBreakpoints, useBootstrapMinBreakpoint } from './ThemeProvider';
	import { jsx as _jsx } from "react/jsx-runtime";
	const Row = /#__PURE__/React.forwardRef(({
	bsPrefix,
	className,
	// Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
	as: Component = 'div',
	...props
	}, ref) => {
	const decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'row');
	const breakpoints = useBootstrapBreakpoints();
	const minBreakpoint = useBootstrapMinBreakpoint();
	const sizePrefix = `${decoratedBsPrefix}-cols`;
	const classes = [];
	breakpoints.forEach(brkPoint => {
	const propValue = props[brkPoint];
	delete props[brkPoint];
	let cols;
	if (propValue != null && typeof propValue === 'object') {
	({
	cols
	} = propValue);
	} else {
	cols = propValue;
	}
	const infix = brkPoint !== minBreakpoint ? `-${brkPoint}` : '';
	if (cols != null) classes.push(`${sizePrefix}${infix}-${cols}`);
	});
	return /#__PURE__/_jsx(Component, {
	ref: ref,
	...props,
	className: classNames(className, decoratedBsPrefix, ...classes)
	});
	});
	Row.displayName = 'Row';
	export default Row;

Event Timeline