### dataHook
- type: string
- description: Applied as data-hook HTML attribute that can be used in the tests
### className
- type: string
- description: Specifies a CSS class name to be appended to the component’s root element.
### diameter
- type: any
- description: Sets the diameter of the box (pixels)
### margin
- type: any
- description: Sets margin on all sides.
Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)
a spacing token (SP1, SP2, etc.) or a string of space-separated values ("3px 3px")
### marginTop
- type: any
- description: Sets margin on the top.
Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)
a spacing token (SP1, SP2, etc.) or a string of space-separated values ("3px 3px")
### marginRight
- type: any
- description: Sets margin on the right.
Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)
a spacing token (SP1, SP2, etc.) or a string of space-separated values ("3px 3px")
### marginBottom
- type: any
- description: Sets margin on the bottom.
Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)
a spacing token (SP1, SP2, etc.) or a string of space-separated values ("3px 3px")
### marginLeft
- type: any
- description: Sets margin on the left.
Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)
a spacing token (SP1, SP2, etc.) or a string of space-separated values ("3px 3px")