prasi-lib/comps/ui/flow.tsx

29 lines
658 B
TypeScript
Executable File

import { FC } from "react";
export const Flow: FC<{
children: any;
PassProp: any;
flow: { text: string; popover: any; icon: any }[];
props?: any;
active?: string | (() => string);
}> = ({ PassProp, children, flow, props, active }) => {
return (
<div {...props} className={cx(props.className, "c-flex-row")}>
{flow.map((item, idx) => {
return (
<PassProp
flow={flow}
item={item}
idx={idx}
key={idx}
active={active}
is_last={idx === flow.length - 1}
>
{children}
</PassProp>
);
})}
</div>
);
};