Create a custom checkbox

[Odile078]

Objective:

Create a custom checkbox component

Description:

• Create the checkbox component under thecomponents/ui folder
• Add the isChecked prop for whether the checkbox is checked or not
• The checkbox should have different icons, that change with
  • tick for when it's checked
  • plus icon when it is not checked
• Add styles for when the icon is checked or not according to the Figma design

Acceptance Criteria:

• The checkbox has the right icons conditional to whether it is checked or not
• The checkbox is designed as is in the Figma design

Design:

Figma: https://www.figma.com/design/ZcPlin9PqvfVKaeM8VfUov/SocialApp?node-id=304-16366&t=Q6EjTgGtnBp3y8sS-4

[moritzfelipe]

The check box status should change when you click on the icon and the label besides the icon.

[serapieTuyishime]

https://www.npmjs.com/package/react-native-svg?activeTab=readme

https://docs.expo.dev/guides/icons/ mport Svg, { Path, SvgProps } from 'react-native-svg';