app.js

import { Route } from 'react-router-dom';
import { EndingNumberOutput } from './features/ending-number-output/endingNumberOutput.js';
import { NumberInputField } from './features/number-input-field/numberInputField.js';
import { UnitSelector } from './features/unit-selector/unitSelector.js';
import { Card } from './features/card/card.js';

export function App() {
  return (
    <>
      <Route exact path={'/'}>
      </Route>
      <Card title="Input Unit Selector">
        <UnitSelector type="Input"/>
      </Card>
      <Card title="Number Input">
        <NumberInputField />
      </Card>
      <Card title="Output Unit Selector">
        <UnitSelector type="Output"/>
      </Card>
      <Card title="Number Output">
        <EndingNumberOutput />
      </Card>
    </>
  );
}