;(function () {
/* HeaderIconBtn — minimal 40×40 tap target for the top-right icons in
   Hero and PageHeader. The bell icon now bakes its own red notification
   dot into the SVG, so the previous separate `badge` overlay is no longer
   needed. The component is otherwise a thin wrapper that lets the call
   sites in Hero and PageHeader stay unchanged. */

const HeaderIconBtn = ({ children, onPress }) => {
  const style = {
    width: '40px',
    height: '40px',
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'center',
  };
  if (onPress) {
    return (
      <button
        onClick={onPress}
        style={{
          ...style,
          border: 'none',
          background: 'transparent',
          padding: 0,
          margin: 0,
          cursor: 'pointer',
          font: 'inherit',
          color: 'inherit',
          textAlign: 'inherit',
        }}
      >
        {children}
      </button>
    );
  }
  return <div style={style}>{children}</div>;
};

Object.assign(window, { HeaderIconBtn });
})();