Col-n'-Row.js

function Col({
  as = "div",
  justifyContent,
  alignItems,
  flex,
  children
}) {
  return createElement(as, {
    className: css({
      display: "flex",
      flexDirection: "column",
      justifyContent,
      alignItems,
      flex
    }),
    children
  });
}

function Row({
  as = "div",
  justifyContent,
  alignItems,
  flex,
  children
}) {
  return createElement(as, {
    className: css({
      display: "flex",
      justifyContent,
      alignItems,
      flex
    }),
    children
  });
}