styled-with-type.tsx

import styled from "styled-components";

interface ILoading {
  loading: boolean
}

const Loader = styled.div<ILoading>`
  display: ${(props) => (props.loading ? "block" : "none")};
`;

export const Loader = (props) => {
  const { loading } = props;

  return (
    <Loader loading={loading} />
  );
};