import {StyleSheet} from 'react-native';
import {windowDimensions} from '@shared/constants';
import {SPACING} from '@shared/theme';

export const LOGO_MAX_WIDTH = (windowDimensions.width - SPACING.x2 * 2) * 0.38;
export const LOGO_HEIGHT = 40;

export const styles = StyleSheet.create({
  logoImage: {
    alignSelf: 'flex-start',
    height: LOGO_HEIGHT,
    maxWidth: LOGO_MAX_WIDTH,
  },
  rightContainer: {
    alignItems: 'center',
    flexDirection: 'row',
    justifyContent: 'flex-end',
  },
});

export const getLogoStyle = (aspectRatio: number) => ({
  ...styles.logoImage,
  width: aspectRatio * LOGO_HEIGHT,
});
