export default function CustomHtmlBlock() {
    return (
        <div className="lpcd-block lpcd-custom-html-block" style={{
            background: '#f8fafc',
            borderRadius: '8px',
            padding: '24px',
            textAlign: 'center',
            color: '#64748b',
            border: '2px dashed #cbd5e1',
        }}>
            <span className="dashicons dashicons-editor-code" style={{ fontSize: '32px', width: '32px', height: '32px', marginBottom: '8px' }} />
            <div style={{ fontWeight: '600', color: '#334155', marginBottom: '4px' }}>Custom HTML Block</div>
            <div style={{ fontSize: '12px' }}>HTML content will render on the live login page</div>
        </div>
    );
}
