ignitegym/config/theme/AccordionTrigger.ts

27 lines
499 B
TypeScript

import { createStyle } from '@gluestack-style/react';
export const AccordionTrigger = createStyle({
'width': '$full',
'py': '$5',
'px': '$5',
'flexDirection': 'row',
'justifyContent': 'space-between',
'alignItems': 'center',
'_web': {
outlineWidth: 0,
},
':disabled': {
opacity: 0.4,
_web: {
cursor: 'not-allowed',
},
},
':focusVisible': {
_light: {
bg: '$backgroundLight50',
},
_dark: {
bg: '$backgroundDark900',
},
},
});