Collapsed Details Component

Collapsed Details Component will have the following input fields

1. question
2. score
3. answers
4. showDetails

Bellow is an example of the component, later we need to replace respective fields with dataset fields

<collapsed-details
  [question]="
    'Has your organisation signed up to the Inclusive Employers Standard (IES)'
  "
  [score]="10"
  [answers]="[
  'Yes, our organisation is already participating in the IES.',
  'No, our organisation is not currently participating in the IES, but we plan to participate in the next 12 months.',
  'No, we have no plans to participate in the IES in the next 12 months.',
  'No, we haven't completed the IES, but and we have completed a alternative D&I framework',
]"
  [showDetails]="true"
></collapsed-details>

We can change the default status of the dropdown(show/hide) by changing the value of showDetails=true for show and showDetails=false for hide

[showDetails]="true"