import type { ReactNode } from 'react';
import { useT } from '../i18n';
import { Icon } from './Icon';
interface Props {
actions?: ReactNode;
children?: ReactNode;
onBack?: () => void;
backLabel?: string;
}
export function AppChromeHeader({ actions, children, onBack, backLabel }: Props) {
const t = useT();
const resolvedBackLabel = backLabel ?? t('project.backToProjects');
return (
{/* decorative, parent has aria-label */}
{t('app.brand')}
{onBack ? (
) : null}
{children ? {children}
: null}
{actions ? {actions}
: null}
);
}
export function SettingsIconButton({
onClick,
title,
ariaLabel,
}: {
onClick: () => void;
title: string;
ariaLabel: string;
}) {
return (
);
}