return (
    <Frame
        height={50}
        width={80}
        center
        radius={25}
        onTap={flipSwitch}
        variants={{
            off: { background: "#BBBBBB" },
            on: { background: "#0070DF" },
        }}
        initial={state.isOn ? "on" : "off"}
    >
        <Frame
            size={46}
            top={2}
            left={2}
            radius={"100%"}
            background="#FFFFFF"
            variants={{
                off: { x: 0 },
                on: { x: 30 },
            }}
        />
    </Frame>
)