- {
- actions.map((action) => {
- if (isValidElement(action)) {
- return action;
- }
-
- const { label, icon, onClick } = action as Action;
+}: AuthZTitleProps) => {
+ const isDesktop = useMediaQuery({ minWidth: breakpoints.large.minWidth });
+ return (
+
+
+
+
+ {pageTitle}
+ {typeof pageSubtitle === 'string'
+ ? {pageSubtitle}
+ : pageSubtitle}
+
+
+
+ {
+ actions.map((action, index) => {
+ const content = isValidElement(action)
+ ? action
+ : ;
+ const key = isValidElement(action)
+ ? action.key
+ : (action as Action).label;
return (
-
+
+ {content}
+ {(index === actions.length - 1) ? null
+ : (
)}
+
);
})
}
-
-
-