create-vite-app-cli/template-react-ts/src/core/style/utils.ts

a fast create webapp template cli, perfect engineering development experience, currently supported template presets include: - `react-ts` (React + TypeScript + Vite + Pnpm + Zustand + Openapi + Docker) - `vue-ts` (Vue 3 + TypeScript + Vite + Pnpm + Pinia

import { Property } from "csstype";

interface IFlexOptions {
  flexDirection?: Property.FlexDirection;
  justifyContent?: Property.JustifyContent;
  alignItems?: Property.AlignItems;
  alignSelf?: Property.AlignSelf;
  flexWrap?: Property.FlexWrap;
  flexFlow?: Property.FlexFlow;
  alignContent?: Property.AlignContent;
}

export const flexOpts = (flexOpts: IFlexOptions = {}) => ({
  display: "flex",
  ...flexOpts,
});

export const flexCenterOpts = (arg: IFlexOptions = {}) => {
  return {
    display: "flex",
    justifyContent: "center",
    alignItems: "center",
    ...arg,
  };
};