turning into component