64 lines
1.3 KiB
JavaScript
64 lines
1.3 KiB
JavaScript
import AddProduct from './AddProduct';
|
|
import CreateKP from './CreateKP';
|
|
import Insurance from './Insurance';
|
|
import Leasing from './Leasing';
|
|
import LeasingObject from './LeasingObject';
|
|
import Payments from './Payments';
|
|
import SupplierAgent from './SupplierAgent';
|
|
import Unlimited from './Unlimited';
|
|
import Background from '@/Components/Layout/Background';
|
|
import { min } from '@/styles/mq';
|
|
import styled from 'styled-components';
|
|
import { Tabs } from 'ui/elements';
|
|
|
|
const formTabs = [
|
|
Leasing,
|
|
Payments,
|
|
LeasingObject,
|
|
SupplierAgent,
|
|
Insurance,
|
|
AddProduct,
|
|
CreateKP,
|
|
Unlimited,
|
|
];
|
|
|
|
const Wrapper = styled(Background)`
|
|
padding: 4px 6px;
|
|
|
|
${min('tablet')} {
|
|
min-height: 790px;
|
|
}
|
|
|
|
${min('laptop')} {
|
|
padding: 4px 6px 10px;
|
|
}
|
|
`;
|
|
|
|
const ComponentWrapper = styled.div`
|
|
padding: 0 4px;
|
|
|
|
${min('laptop')} {
|
|
padding: 0 12px;
|
|
}
|
|
`;
|
|
|
|
function Form({ prune }) {
|
|
return (
|
|
<Wrapper>
|
|
<Tabs type="card" tabBarGutter="5px">
|
|
{formTabs
|
|
.filter((tab) => !prune?.includes(tab.id))
|
|
.map(({ id, title, Component }) => (
|
|
<Tabs.TabPane tab={title} key={id}>
|
|
<ComponentWrapper>
|
|
<Component />
|
|
</ComponentWrapper>
|
|
</Tabs.TabPane>
|
|
))}
|
|
</Tabs>
|
|
</Wrapper>
|
|
);
|
|
}
|
|
|
|
export default Form;
|