/**
 * @deprecated Please leverage the native CSS grid possibities.
 */
export function Grid({ children, verticalAlign, horizontalAlign, noPadding = false }: Props) {
    const valign = verticalAlign ? `valign--${verticalAlign}` : null;
    const align = horizontalAlign ? `align--${horizontalAlign}` : null;
    const noGutters = noPadding ? 'grid--no_gutters' : null;
    return <div className={classNames('grid', valign, align, noGutters)}>{children}</div>;
}