convert into a component