{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "ink/center",
  "title": "Center",
  "description": "Centers children horizontally and vertically",
  "dependencies": [
    "ink"
  ],
  "files": [
    {
      "path": "registry/ui/center.tsx",
      "content": "import { Box } from \"ink\";\nimport type { BoxProps } from \"ink\";\nimport type { ReactNode } from \"react\";\n\nexport interface CenterProps extends Omit<\n  BoxProps,\n  \"alignItems\" | \"children\" | \"justifyContent\"\n> {\n  children: ReactNode;\n  axis?: \"both\" | \"horizontal\" | \"vertical\";\n}\n\nexport const Center = ({ children, axis = \"both\", ...props }: CenterProps) => {\n  const justifyContent =\n    axis === \"both\" || axis === \"horizontal\" ? \"center\" : undefined;\n  const alignItems =\n    axis === \"both\" || axis === \"vertical\" ? \"center\" : undefined;\n\n  return (\n    <Box\n      {...props}\n      flexGrow={1}\n      justifyContent={justifyContent as \"center\" | undefined}\n      alignItems={alignItems as \"center\" | undefined}\n    >\n      {children}\n    </Box>\n  );\n};\n",
      "type": "registry:ui"
    }
  ],
  "categories": [
    "layout"
  ],
  "type": "registry:ui"
}