38 lines
581 B
TypeScript
38 lines
581 B
TypeScript
import { createStyle } from '@gluestack-style/react';
|
|
|
|
export const HStack = createStyle({
|
|
flexDirection: 'row',
|
|
variants: {
|
|
space: {
|
|
'xs': {
|
|
gap: `$1`,
|
|
},
|
|
'sm': {
|
|
gap: `$2`,
|
|
},
|
|
'md': {
|
|
gap: `$3`,
|
|
},
|
|
'lg': {
|
|
gap: `$4`,
|
|
},
|
|
'xl': {
|
|
gap: `$5`,
|
|
},
|
|
'2xl': {
|
|
gap: `$6`,
|
|
},
|
|
'3xl': {
|
|
gap: `$7`,
|
|
},
|
|
'4xl': {
|
|
gap: `$8`,
|
|
},
|
|
},
|
|
reversed: {
|
|
true: {
|
|
flexDirection: 'row-reverse',
|
|
},
|
|
},
|
|
},
|
|
});
|