Declaring a styled component and then using it to define another:
const Box = styled.div`
background-color: white;
margin: 10px;
`;
const FirstBox = styled(Box)`
height: 200px;
`;
const SecondBox = styled(Box)`
height: 400px;
`;
const ThirdBox = styled(Box)`
flex-grow: 1;
`;
Error:
t.split is not a function
Try it out