Convertidor HTML a JSX

Convierte HTML a JSX de React con mapeo correcto de atributos

REACT + TYPESCRIPT (.TSX)

Raw HTML Source Input

Wrap in React Functional ComponentTypeScript Types

Component Name:

Transpiled React JSX

import * as React from 'react'

export function PricingCard(): React.ReactElement {
  return (
    <>
      <div className="card shadow-lg" style={{ borderRadius: '12px', padding: '24px' }}>
        {/* Popular Badge */}
        <span className="badge bg-primary">Most Popular</span>
        <h2 className="title">Enterprise Plan</h2>
        <p style={{ color: '#64748b', fontSize: '14px' }}>Full developer utility suite</p>
        <hr />
        <label htmlFor="tier-select">Choose Term:</label>
        <input type="text" id="tier-select" className="form-control" placeholder="Annual" readOnly />
      </div>
    </>
  )
}

export default PricingCard