@activecollab/components/dist/esm/components/Row/Styles.js

ActiveCollab Components

import styled, { css } from "styled-components";
import { screenBelow } from "../BreakPoints";
import { FLEX_ALIGN, SPACE } from "../LayoutTokens";
export const StyledRow = styled.div.withConfig({
  displayName: "Styles__StyledRow",
  componentId: "sc-1sfgw5v-0"
})(["display:flex;flex-direction:row;flex-wrap:wrap;align-items:", ";gap:", ";", ""], _ref => {
  let $align = _ref.$align;
  return FLEX_ALIGN[$align];
}, _ref2 => {
  let $space = _ref2.$space;
  return SPACE[$space];
}, _ref3 => {
  let $collapse = _ref3.$collapse;
  return $collapse && css(["", "{flex-direction:column;align-items:stretch;}"], screenBelow[$collapse]);
});
StyledRow.displayName = "StyledRow";
//# sourceMappingURL=Styles.js.map