import CheckoutTabs from './CheckoutTabs'
import All from './All';
import Lighting from './Lighting';
import Automation from './Automation';

const CheckoutOurNew = () => {
  const [activeButton, setActiveButton] = useState(0);

  return (
    <div className='checkout_our_new'>
      <CheckoutTabs
          activeButton={activeButton}
          setActiveButton={setActiveButton}
      />

      {activeButton === 0 ? (
        <All />
      ) : activeButton === 1 ? (
        <Lighting />
      ) : (
        <Automation />
      )}
    </div>
  )
}

export default CheckoutOurNew