{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "loading-linear",
  "type": "registry:ui",
  "title": "Loading Linear",
  "description": "A loading linear component that can be used to indicate loading state.",
  "files": [
    {
      "path": "registry/tra-kit/components/loading-linear.tsx",
      "content": "import { cva } from 'class-variance-authority';\r\nimport * as React from 'react';\r\nimport { cn } from '@/lib/utils';\r\n\r\nconst linearContainerVariants = cva('relative h-1 w-full overflow-hidden bg-gray-200');\r\n\r\nconst linearVariants = cva('animate-linear-loader bg-primary absolute left-0 top-0 size-full');\r\n\r\ninterface ILoadingLinear extends React.HTMLAttributes<HTMLDivElement> {\r\n  linearContainerClassName?: string;\r\n  linearItemClassName?: string;\r\n}\r\n\r\nconst LoadingLinear = React.forwardRef<HTMLDivElement, ILoadingLinear>((props, ref) => {\r\n  const { linearContainerClassName, linearItemClassName, ...rest } = props;\r\n  // eslint-disable-next-line react/jsx-props-no-spreading\r\n  return (\r\n    // eslint-disable-next-line react/jsx-props-no-spreading\r\n    <div\r\n      ref={ref}\r\n      className={cn(linearContainerVariants(), linearContainerClassName)}\r\n      {...rest}\r\n    >\r\n      <div className={cn(linearVariants(), linearItemClassName)} />\r\n    </div>\r\n  );\r\n});\r\n\r\nLoadingLinear.displayName = 'LoadingLinear';\r\n\r\nexport default LoadingLinear;\r\n",
      "type": "registry:ui"
    }
  ]
}