Function HStack

packages/react/src/ui/HStack/HStack.tsx:19–57

({
  className,
  alignHorizontal,
  alignVertical,
  flex,
  padding,
  margin,
  gap,
  width,
  height,
  background,
  ...props
})

};

export const HStack: FC<Props> = ({
  className,
  alignHorizontal,
  alignVertical,
  flex,
  padding,
  margin,
  gap,
  width,
  height,
  background,
  ...props
}) => (
  <div
    className={variants('hstack', {
      className,
      alignHorizontal,
      alignVertical,
      ...(background?.startsWith('#') ? {} : { background }),
    })}
    style={{
      flex,
      paddingTop: padding?.top,
      paddingBottom: padding?.bottom,
      paddingLeft: padding?.left,
      paddingRight: padding?.right,
      marginTop: margin?.top,
      marginBottom: margin?.bottom,
      marginLeft: margin?.left,
      marginRight: margin?.right,
      gap,
      width,
      height,
      background,
      ...(background?.startsWith('#') ? { background } : {}),
    }}
    {...props}
  />
);