53 lines
852 B
TypeScript
53 lines
852 B
TypeScript
import { createStyle } from '@gluestack-style/react';
|
|
|
|
export const Progress = createStyle({
|
|
bg: '$backgroundLight300',
|
|
borderRadius: '$full',
|
|
w: '100%',
|
|
variants: {
|
|
size: {
|
|
'xs': {
|
|
h: '$1',
|
|
_filledTrack: {
|
|
h: '$1',
|
|
},
|
|
},
|
|
'sm': {
|
|
h: '$2',
|
|
_filledTrack: {
|
|
h: '$2',
|
|
},
|
|
},
|
|
'md': {
|
|
h: '$3',
|
|
_filledTrack: {
|
|
h: '$3',
|
|
},
|
|
},
|
|
'lg': {
|
|
h: '$4',
|
|
_filledTrack: {
|
|
h: '$4',
|
|
},
|
|
},
|
|
'xl': {
|
|
h: '$5',
|
|
_filledTrack: {
|
|
h: '$5',
|
|
},
|
|
},
|
|
'2xl': {
|
|
h: '$6',
|
|
_filledTrack: {
|
|
h: '$6',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
_dark: {
|
|
bg: '$backgroundDark700',
|
|
},
|
|
defaultProps: {
|
|
size: 'md',
|
|
},
|
|
});
|