sriracha-ui/styled/base/strings/basic/column.js

A react style library build with styled-components, and material ui theme.

import { css } from "styled-components";
import {
  columnDirection,
  flexJustify,
  centerAlign,
  flexContent,
  flexWrap,
} from "../../../maps";

export default css`
  display: flex;
  flex-wrap: ${flexWrap};
  flex-direction: ${(props) =>
    props.direction ? props.direction : columnDirection};
  justify-content: ${(props) => (props.justify ? props.justify : flexJustify)};
  align-items: ${(props) => (props.align ? props.align : centerAlign)};
  align-content: ${(props) => (props.content ? props.content : flexContent)};
`;