kleros/kleros-v2

import React from "react";
import styled from "styled-components";

const Container = styled.div`
  display: flex;
  align-items: center;
  font-weight: 600;
  color: ${({ theme }) => theme.primaryText};
  flex-wrap: wrap;
  justify-content: center;
`;

interface ICoherency {
  totalCoherent: number;
  totalResolvedDisputes: number;
}

const Coherency: React.FC<ICoherency> = ({ totalCoherent, totalResolvedDisputes }) => {
  const coherenceRatio = `${totalCoherent}/${totalResolvedDisputes}`;

  return <Container>{coherenceRatio}</Container>;
};

export default Coherency;