import { Typography, theme } from "antd";

/**
 * 批量上传文件报Wrong Local header signature错误的解决方案
 * @returns 
 */
const UploadWrongLocalHeaderError = () => {
    const { token } = theme.useToken();

    return (
        <div style={{ display: 'flex', flexDirection: 'row', alignItems: 'center', paddingInline: token.paddingXS, backgroundColor: token.colorWarningBg, borderRadius: token.borderRadiusXS }}>
            <Typography.Text type="danger">如果上传时提示 “Wrong Local header signature...” 错误，</Typography.Text>
            <a target="_blank" href="/handbook/批量上传文件报Wrong Local header signature错误的解决方案.pdf">点击查看解决方案</a>
        </div>
    );
}

export default UploadWrongLocalHeaderError;
