'use client'

import { forwardRef } from 'react'

import { LegacyStack } from '~/src/components/LegacyStack/LegacyStack'

import type LegacyHStackProps from './LegacyHStack.types'

/**
 * @deprecated Use `HStack` instead.
 *
 * A container for horizontal flex layout.
 */
export const LegacyHStack = forwardRef<HTMLElement, LegacyHStackProps>(
  function HStack(props, forwardedRef) {
    return (
      <LegacyStack
        ref={forwardedRef}
        direction="horizontal"
        {...props}
      />
    )
  }
)