```jsx
const Heading = () => {
    return (
        <div className="flex flex-col gap-4">
            <h1>Heading 1</h1>
            <h2>Heading 2</h2>
            <h3>Heading 3</h3>
            <h4>Heading 4</h4>
            <h5>Heading 5</h5>
            <h6>Heading 6</h6>
        </div>
    )
}

export default Heading
```