import { ViewStyle, TextStyle } from 'react-native';

import { spacing, color, typography } from '~/theme';

const TEXT: TextStyle = {
  color: color.text,
  fontSize: typography.fontSize[3],
  letterSpacing: 1,
};
export const labeledSwitchStyle = {
  switchContainer: {
    flexGrow: 1,
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
    marginTop: spacing[2],
  } as ViewStyle,
  label: {
    ...TEXT,
    fontWeight: typography.fontWeight.bold,
  } as TextStyle,
  offLabel: {
    ...TEXT,
    flex: 1,
    marginRight: spacing[2],
  } as TextStyle,
  onLabel: {
    ...TEXT,
    flex: 1,
    marginLeft: spacing[2],
    textAlign: 'right',
  } as TextStyle,
};

export const singleLabelSwitchStyle = {
  container: {
    flexGrow: 1,
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
    marginTop: spacing[2],
  } as ViewStyle,
  label: {
    ...TEXT,
    flex: 1,
    marginRight: spacing[2],
  } as TextStyle,
};
