import { ViewStyle } from 'react-native';

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

export type SpacePresets = 'top' | 'bottom' | 'both';

const SPACE = spacing[7];

/**
 * All the variations of spacing.
 */
export const spacePresets: Record<SpacePresets, ViewStyle> = {
  bottom: {
    marginBottom: SPACE,
  } as ViewStyle,
  both: {
    marginVertical: SPACE,
  },
  top: {
    marginTop: SPACE,
  } as ViewStyle,
};

/**
 * Section's icon props.
 */
export const sectionIcon = {
  color: color.text,
  size: typography.fontSize[7],
};
