import { View, Text } from '@tarojs/components';
import Taro from '@tarojs/taro';

type Props = {
  title: string;
  back?: boolean;
  plain?: boolean;
  actionText?: string;
  onAction?: () => void;
};

/** 带顶部安全区（刘海/状态栏）适配的通用头部 */
export default function HqHeader({ title, back, plain, actionText, onAction }: Props) {
  return (
    <View className={`hq-header${plain ? ' hq-header--plain' : ''}`}>
      <View className="hq-header__bar">
        {back && (
          <View className="hq-header__back" onClick={() => Taro.navigateBack()}>
            <Text className="material-symbols-outlined">arrow_back_ios_new</Text>
          </View>
        )}
        <Text className="hq-header__title">{title}</Text>
        {actionText && (
          <View className="hq-header__action" onClick={onAction}>
            <Text>{actionText}</Text>
          </View>
        )}
      </View>
    </View>
  );
}
