src skeleton-number-input.tsx

100% Statements 2/2

100% Branches 2/2

100% Functions 1/1

100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28  
 
 
 
 
 
 
 
 
 
 
 
21x
236x
 
 
 
 
 
 
 
 
 
 
 
 
 
  import type React from "react";
 
import { NumberInput } from "~components/number-input";
import { Skeleton } from "~components/skeleton";
import { cn } from "~components/utils";
 
export const SkeletonNumberInput: React.FC<
	Partial<
		React.ComponentProps<typeof NumberInput> & {
			skeletonClassName?: string;
		}
	>
> = ({ startContent, skeletonClassName, ...props }) => (
	<NumberInput
		{...props}
		isDisabled
		isReadOnly
		fractionDigits={0}
		startContent={
			startContent === undefined ? (
				<Skeleton className={cn("h-4 w-32 rounded-md", skeletonClassName)} />
			) : (
				startContent
			)
		}
	/>
);