function TransitionProto()

in packages/palette-mantine-core/palette.tsx [2273:2300]


function TransitionProto(
  transition:
    | "fade"
    | "skew-up"
    | "skew-down"
    | "rotate-right"
    | "rotate-left"
    | "slide-down"
    | "slide-up"
    | "slide-right"
    | "slide-left"
    | "scale-y"
    | "scale-x"
    | "scale"
    | "pop"
    | "pop-top-left"
    | "pop-top-right"
    | "pop-bottom-left"
    | "pop-bottom-right"
) {
  const [opened, setOpened] = useState(false);

  return (
    <Transition mounted={opened} transition={transition} duration={400}>
      {(styles) => <div style={styles}>Content</div>}
    </Transition>
  );
}