// `styled` inserts space between "area-" and prop name
export const StyledComponent = styled.div`
	grid-area: area-${props => props.propName};
`

// Other names behave as expected (no extra space)
export const StyledComponent = someOtherName.div`
	grid-area: area-${props => props.propName};
`

// `styled` inserts space between "area-" and prop name
export const StyledComponent = styled.div`
  grid-area: area- ${(props) => props.propName};
`;

// Other names behave as expected (no extra space)
export const StyledComponent = someOtherName.div`
	grid-area: area-${(props) => props.propName};
`;