import React, { useEffect } from 'react';
import { Box, Checkbox, Icon, Text } from '@nova-hf/ui';

type ReferenceCheckBoxProps = {
  referenceItemId: string;
  isMinusEighteen: boolean;
  userOtherThanPayer: string[];
  handleCheckboxChange: (id: string) => void;
  isFlutningur: boolean;
};

const ReferenceCheckBox = ({
  referenceItemId,
  isMinusEighteen,
  userOtherThanPayer,
  handleCheckboxChange,
}: ReferenceCheckBoxProps) => {
  useEffect(() => {
    if (isMinusEighteen && referenceItemId) {
      handleCheckboxChange(referenceItemId);
    }
  }, [isMinusEighteen, referenceItemId]);

  return (
    <>
      <Checkbox
        type="checked"
        isChecked={userOtherThanPayer.includes(referenceItemId ?? '')}
        label={'Breyta um notanda'}
        onChange={() => handleCheckboxChange(referenceItemId ?? '')}
        isDisabled={isMinusEighteen}
      />
      {userOtherThanPayer.includes(referenceItemId ?? '') && (
        <Box display="flex" flexDirection="row" alignItems="center" gap={1} marginTop={2}>
          <Icon icon="info" color="grey600" />
          <Text renderAs="span" color="grey600">
            Notandi númers er rétthafi þess.
          </Text>
        </Box>
      )}
    </>
  );
};

export default ReferenceCheckBox;