36 lines
783 B
JavaScript
36 lines
783 B
JavaScript
import styled from 'styled-components';
|
|
import Background from 'ui/elements/layout/Background';
|
|
import Tabs from 'ui/elements/layout/Tabs';
|
|
import { min } from 'ui/mq';
|
|
import PaymentsTable from './PaymentsTable';
|
|
import Results from './Results';
|
|
import Validation from './Validation';
|
|
|
|
const outputTabs = [PaymentsTable, Results, Validation];
|
|
|
|
const Wrapper = styled(Background)`
|
|
padding: 4px 10px;
|
|
min-height: 200px;
|
|
|
|
${min('laptop')} {
|
|
padding: 4px 18px;
|
|
min-height: 641px;
|
|
}
|
|
`;
|
|
|
|
function Output() {
|
|
return (
|
|
<Wrapper>
|
|
<Tabs>
|
|
{outputTabs.map(({ id, title, Component }) => (
|
|
<Tabs.TabPane tab={title} key={id}>
|
|
<Component />
|
|
</Tabs.TabPane>
|
|
))}
|
|
</Tabs>
|
|
</Wrapper>
|
|
);
|
|
}
|
|
|
|
export default Output;
|