fui-fancyui

Version:

FancyUI Libary

22 lines (21 loc) • 570 B

JavaScript

import { styled as n, css as l } from "styled-components";
import o from "../../../design/designFunctions/getThemeOrValueAsCss/getThemeOrValueAsCss.js";
const a = (t) => {
  const { $direction: e, $justify: i, $align: r, $gap: s } = t;
  return l`
    display: flex;
    width: 100%;
    flex-direction: ${e ?? "row"};
    justify-content: ${i ?? "flex-start"};
    align-items: ${r ?? "flex-start"};
    gap: ${o(s, "spacing")};
  `;
}, g = n.div`
  padding: 0;
  margin: 0;
  ${(t) => a({ ...t })}
  ${({ $externalStyle: t }) => t}
`;
export {
  g as StyledFlexBox
};