type Effect =
  | BuiltinEffect<"blur", {
  radius: number;
}>
  | BuiltinEffect<"brightness", {
  amount: number;
}>
  | BuiltinEffect<"contrast", {
  amount: number;
}>
  | BuiltinEffect<"saturate", {
  amount: number;
}>
  | BuiltinEffect<"grayscale", {
  amount: number;
}>
  | BuiltinEffect<"sepia", {
  amount: number;
}>
  | BuiltinEffect<"hue-rotate", {
  degrees: number;
}>
  | BuiltinEffect<"invert", {
  amount: number;
}>
  | BuiltinEffect<"drop-shadow", {
  blur: number;
  color: string;
  offsetX: number;
  offsetY: number;
}>
  | BuiltinEffect<"css", {
  filter: string;
}>;