@draftbit/ui/src/mappings/BlurView.js

Draftbit UI Library

import {
  COMPONENT_TYPES,
  FORM_TYPES,
  PROP_TYPES,
  GROUPS,
} from "../core/component-types";

export const SEED_DATA = {
  name: "Blur View",
  tag: "BlurView",
  description: "Expo Blur View",
  doc_link: "https://docs.expo.io/versions/latest/sdk/blur-view/",
  code_link:
    "https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts",
  category: COMPONENT_TYPES.layout,
  props: {
    tint: {
      label: "Tint",
      description: "The tint of the blur view",
      editable: true,
      required: true,
      defaultValue: "default",
      formType: FORM_TYPES.flatArray,
      propType: PROP_TYPES.STRING,
      options: ["default", "light", "dark"],
      group: GROUPS.basic,
    },
    intensity: {
      label: "Intensity",
      description:
        "A number from 1 to 100 that controls the intensity of the blur effect",
      editable: true,
      required: true,
      defaultValue: 50,
      formType: FORM_TYPES.number,
      propType: PROP_TYPES.NUMBER,
      min: 0,
      max: 100,
      step: 1,
      precision: 0,
      group: GROUPS.basic,
    },
  },
};