import * as React from 'react';
import { View, ViewStyle } from 'react-native';
// TODO
//import { typography } from '~/theme';
//import { enhanceViewStyle } from '~/utils/styles';

import { viewPresets } from './bullet.presets';
import { BulletProps as Props } from './bullet.props';

/**
 * Display a rounded bullet.
 *
 * @param {Presets} preset Optional type of presets.
 * @param {number} size Optional size of the bullet.
 */
export const Bullet: React.FC<Props> = (props) => {
  const { preset, size, style } = props;
  const sizeStyle: ViewStyle = { width: size, height: size, borderRadius: size };
  // TODO
  //const container = enhanceViewStyle([sizeStyle, viewPresets[preset], style]);
  const container = sizeStyle

  return <View style={container} />;
};

Bullet.defaultProps = {
  preset: 'primary',
  // TODO
  //size: typography.fontSize[1],
};
