import Tag from 'client/Elements/Tag';
import { useStores } from 'client/hooks/useStores';
import { Flex } from 'client/UIKit/grid';
import { observer } from 'mobx-react-lite';

const InsuranceTag = observer(() => {
  const {
    calculationStore: {
      stores: { ELTStore },
    },
  } = useStores();

  return (
    <Flex flexDirection="inherit" marginBottom="5px">
      {ELTStore.osago.selectedKey && (
        <Tag color="gold">Применен расчет ЭЛТ для ОСАГО</Tag>
      )}
      {ELTStore.kasko.selectedKey && (
        <Tag color="cyan">Применен расчет ЭЛТ для КАСКО</Tag>
      )}
    </Flex>
  );
});

export default InsuranceTag;
