You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
673 B
35 lines
673 B
import { tva } from '@gluestack-ui/nativewind-utils/tva';
|
|
|
|
export const skeletonStyle = tva({
|
|
base: 'w-full h-full',
|
|
variants: {
|
|
variant: {
|
|
sharp: 'rounded-none',
|
|
circular: 'rounded-full',
|
|
rounded: 'rounded-md',
|
|
},
|
|
speed: {
|
|
1: 'duration-75',
|
|
2: 'duration-100',
|
|
3: 'duration-150',
|
|
4: 'duration-200',
|
|
},
|
|
},
|
|
});
|
|
export const skeletonTextStyle = tva({
|
|
base: 'rounded-sm w-full',
|
|
variants: {
|
|
speed: {
|
|
1: 'duration-75',
|
|
2: 'duration-100',
|
|
3: 'duration-150',
|
|
4: 'duration-200',
|
|
},
|
|
gap: {
|
|
1: 'gap-1',
|
|
2: 'gap-2',
|
|
3: 'gap-3',
|
|
4: 'gap-4',
|
|
},
|
|
},
|
|
});
|