{
  "name": "AnimatedScanner",
  "category": "media",
  "description": "Animated scanner components",
  "extends": ["Animated.View"],
  "extendsLink": ["https://reactnative.dev/docs/animated"],
  "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/CardScannerScreen.js",
  "images": ["https://media.giphy.com/media/l49JVcxoclUXbryiA/giphy.gif"],
  "props": [
    {"name": "progress", "type": "number", "description": "Animated value between 0 and 100", "default": "0"},
    {
      "name": "duration",
      "type": "number",
      "description": "Duration of current break (can be change between breaks)",
      "default": "1000"
    },
    {"name": "opacity", "type": "number", "description": "Opacity"},
    {"name": "backgroundColor", "type": "string", "description": "Background color"},
    {"name": "onBreakpoint", "type": "({progress, isDone}) => void", "description": "Breakpoint callback"},
    {"name": "hideScannerLine", "type": "boolean", "description": "Whether to hide the scanner line"},
    {"name": "containerStyle", "type": "ViewStyle", "description": "Component's container style"},
    {"name": "testID", "type": "string", "description": "Used as a testing identifier"}
  ],
  "snippet": [
    "<AnimatedScanner progress={55$1} duration={1600$2}/>"
  ]
}