pink

import React from "react"
import { Text, Box, Newline, Spacer, Static, Transform, useFocus } from "ink";
export { render, useInput, useFocusManager } from "ink";

export function element(element, props, children) {
  const parsedChildren = typeof children === "object" ? children.toArray() : [children]
  return React.createElement(element, props, ...parsedChildren);
}

export const text = (props, content) => element(Text, props, content);
export const box = (props, children) => element(Box, props, children);
export const newline = (props) => React.createElement(Newline, props, null);
export const spacer = () => React.createElement(Spacer, null, null);
export const static_ = (items, childFunc) => element(Static, { items: items.toArray() }, childFunc);
export const transform = (transform, children) => element(Transform, { transform }, children);

export const useFocus_ = (options) => {
  const focus = useFocus(options)

  return {
    is_focused: focus.isFocused,
  }
}