@fruits-chain/react-native-xiaoshu/src/button-bar/style.ts

🌈 React Native UI library

import { StyleSheet } from 'react-native'

import type { TokensType } from '../theme/interface'

export const varCreator = (TOKENS: TokensType) => {
  return {
    button_bar_button_space: TOKENS.space_2,
    button_bar_button_min_width: 92,
  }
}

export type ButtonTheme = ReturnType<typeof varCreator>

export const styleCreator = (cv: ButtonTheme) => {
  return StyleSheet.create({
    button_bar: {
      flexDirection: 'row',
      justifyContent: 'flex-end',
      alignItems: 'center',
    },

    button_bar_alone: {
      flexDirection: 'column',
      alignItems: 'stretch',
      justifyContent: 'center',
    },

    btn: {
      minWidth: cv.button_bar_button_min_width,
    },
  })
}