import { useMemo } from "react"; export const Back: FC = () => ( ); export const Forward: FC = () => ( ); export const Refresh: FC = () => ( ); type DownProps = { flip?: boolean }; export const Down: FC = ({ flip }) => { const style = useMemo( () => flip ? { transform: "scaleY(-1)", transition: "all 0.2s" } : undefined, [flip] ); return ( ); }; export const Up: FC = () => { const style = useMemo(() => ({ marginTop: "-1px" }), []); return ( ); }; export const Search: FC = () => ( );