import { ParameterJoint } from '@/services/data/tuples/factor-calculator-types' ; import { Topic } from '@/services/data/tuples/topic-types' ; import { ICON_DELETE } from '@/widgets/basic/constants' ; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' ; import React from 'react' ; import { JointBody } from '../joint-body' ; import { JointElements } from '../joint-elements' ; import { JointFold } from '../joint-fold' ; import { JointOperators } from '../joint-operators' ; import { JointType } from '../joint-type' ; import { RemoveMeButton } from '../widgets' ; import { JointContainer , JointHeader } from './widgets' ; export const Joint = ( props ) => { const { joint , topics , removeMe } = props ; return < JointContainer > < JointHeader > < JointType joint = { joint } /> < JointFold / > < RemoveMeButton onClick = { removeMe } > < FontAwesomeIcon icon = { ICON_DELETE } /> < /RemoveMeButton> < /JointHeader> < JointBody > < JointElements joint = { joint } topics = { topics } / > < JointOperators joint = { joint } /> < /JointBody> < /JointContainer>; } ;