Reuse Property Controls easily in Framer X

generatePropertyControls.ts

import { ControlType, PropertyControls } from "framer";

export function generatePropertyControls(
  options: {
    hidden?: (props: any) => boolean;
    omittedProperties?: string[];
  } = {}
): PropertyControls {
  const properties: PropertyControls = {
    // Property Controls go here
  };

  if (!!options.omittedProperties) {
    return Object.keys(properties).reduce<PropertyControls>((acc, key) => {
      if (options.omittedProperties.indexOf(key) === -1) {
        acc[key] = properties[key];
      }
      return acc;
    }, {});
  }

  return properties;
}

Usage in a component:

import * as React from "react";
import { Frame, addPropertyControls, ControlType } from "framer";
import { generatePropertyControls } from "./path/to/file/above"

export function Component(props) {
     return <div />
}

addPropertyControls(Component, {
   ...generatePropertyControls(
         hidden: props => props.someBooleanProp === true,
         omittedProperties: ["propertyToOmit"]
   )
});