styled-final.tsx

import styled from "styled-components";

interface ILoading {
  loading: boolean;
}

interface IProps extends ILoading {
  data: any;
}

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

export const OuterComponent = (props: IProps) => {
  const {data, loading} = props

  return (
    <div>
      <Loader loading={loading} />
      
      {data}
    </div>
  )
}