@madeja-studio/telar/src/animation/rotate.ts

UI component library by Madeja Studio

import { to as rsto } from '@react-spring/native';

import type { AnimationFactory } from './animation';

interface RotateProps {
  from?: number;
  to?: number;
}

export const rotate: AnimationFactory<RotateProps, { rotation: number }> = ({
  from = 0,
  to = 5,
} = {}) => ({
  from: { rotation: from },
  style: (values) => ({
    transform: [
      { rotate: rsto(values.rotation, (rotation) => `${rotation}deg`) },
    ],
  }),
  to: { rotation: to },
});