mirror of
https://github.com/logos-messaging/examples.waku.org.git
synced 2026-01-08 15:53:13 +00:00
24 lines
512 B
TypeScript
24 lines
512 B
TypeScript
|
|
export enum BlockTypes {
|
||
|
|
FlexHorizontal = "flex-horizontal",
|
||
|
|
}
|
||
|
|
|
||
|
|
type BlockProps = {
|
||
|
|
children: any;
|
||
|
|
type?: BlockTypes;
|
||
|
|
className?: string;
|
||
|
|
};
|
||
|
|
|
||
|
|
export const Block: React.FunctionComponent<BlockProps> = (props) => {
|
||
|
|
const flexClassNames =
|
||
|
|
props.type === BlockTypes.FlexHorizontal
|
||
|
|
? "items-center justify-between lg:flex"
|
||
|
|
: "";
|
||
|
|
const restClassNames = props.className || "";
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className={`${flexClassNames} ${restClassNames}`}>
|
||
|
|
{props.children}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
};
|