18 lines
478 B
TypeScript
18 lines
478 B
TypeScript
|
import { PropsWithChildren } from "react";
|
||
|
|
import type { React } from '../webpack/common';
|
||
|
|
|
||
|
|
export function Flex(props: React.PropsWithChildren<{
|
||
|
|
flexDirection?: React.CSSProperties["flexDirection"];
|
||
|
|
style?: React.CSSProperties;
|
||
|
|
}>) {
|
||
|
|
props.style ??= {};
|
||
|
|
props.style.flexDirection ||= props.flexDirection;
|
||
|
|
props.style.gap ??= "1em";
|
||
|
|
props.style.display = "flex";
|
||
|
|
return (
|
||
|
|
<div {...props}>
|
||
|
|
{props.children}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|