Untitled

mam button w react + ts

type ButtonWithIconProps = {
    animationState: boolean
    animationType: "rotate90" | "rotate180"
   ...
}

export const ButtonWithIcon = (props) => {

   ...
   return <>
            <Button ... />
            <Icon animationState={props.animationSTate} />
        </>
}

prop animationState służy do trzymania stanu ikony, jeśli ponieważ po kliknięciu ikona powinna się obrócić i zostać w tej pozycji do następnego kliknięcia

pierwsze pytanie to jak lepiej nazwać prop animationState?
weź pod uwagę że w przyszłości może dojść jakiś inny typ animacji i zamiast obracania będzie jakiś fade, czy resize

a może jakoś w inną stronę i można by zamienić animationState z boolean na "default" | "rotated", ale jeśli zostanie dodana nowa animacja ten typ już nie będzie pasował
więc myślałem że może da się powiązać w ts, typ wybranej animacji z typem animationState? czyli jeśli 
animationType = "rotate90" => animationState: "default" | "rotated"
animationType = "fade" => animationState: "default" | "faded"