@serendie/ui/styled-system/jsx/hstack.js

Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric

import { createElement, forwardRef } from 'react'

import { splitProps } from '../helpers.js';
import { getHstackStyle } from '../patterns/hstack.js';
import { styled } from './factory.js';

export const HStack = /* @__PURE__ */ forwardRef(function HStack(props, ref) {
  const [patternProps, restProps] = splitProps(props, ["justify","gap"])

const styleProps = getHstackStyle(patternProps)
const mergedProps = { ref, ...styleProps, ...restProps }

return createElement(styled.div, mergedProps)
  })