interface Props { color: string; icon: string; iconColor: string; onClick: () => {}; radius: number; } export function BWEComponent(props: Props) { const diameterPx = `${props.radius * 2}px`; return ( <div onClick={props.onClick} style={{ width: diameterPx, height: diameterPx, borderRadius: '100%', backgroundColor: props.color, textAlign: 'center', }} > <i className={`bi-${props.icon}`} style={{ color: props.iconColor, position: 'relative', top: 'calc(50% - 16px)', }} /> </div> ); }