2018-01-08 21:08:01 +02:00
|
|
|
import React from 'react';
|
|
|
|
import { Margin } from 'styled-components-spacing';
|
|
|
|
|
|
|
|
import { ViewContainer, H2 } from 'joyent-ui-toolkit';
|
|
|
|
|
|
|
|
import Name from '@containers/create-instance/name';
|
2018-01-09 20:14:20 +02:00
|
|
|
import Image from '@containers/create-instance/image';
|
2018-01-10 16:39:46 +02:00
|
|
|
import Metadata from '@containers/create-instance/metadata';
|
|
|
|
import Tags from '@containers/create-instance/tags';
|
2018-01-11 15:27:16 +02:00
|
|
|
import Package from '@containers/create-instance/package';
|
2018-01-08 21:08:01 +02:00
|
|
|
|
2018-01-10 16:39:46 +02:00
|
|
|
export default ({ step, ...props }) => (
|
2018-01-08 21:08:01 +02:00
|
|
|
<ViewContainer>
|
|
|
|
<Margin top={4} bottom={4}>
|
|
|
|
<H2>Create Instances</H2>
|
|
|
|
</Margin>
|
2018-01-09 20:14:20 +02:00
|
|
|
<Margin bottom={4}>
|
2018-01-10 16:39:46 +02:00
|
|
|
<Name {...props} expanded={step === 'name'} />
|
2018-01-09 20:14:20 +02:00
|
|
|
</Margin>
|
|
|
|
<Margin bottom={4}>
|
2018-01-10 16:39:46 +02:00
|
|
|
<Image {...props} expanded={step === 'image'} />
|
|
|
|
</Margin>
|
2018-01-11 15:27:16 +02:00
|
|
|
<Margin bottom={4}>
|
|
|
|
<Package {...props} expanded={step === 'package'} />
|
|
|
|
</Margin>
|
2018-01-10 16:39:46 +02:00
|
|
|
<Margin bottom={4}>
|
|
|
|
<Tags {...props} expanded={step === 'tags'} />
|
|
|
|
</Margin>
|
|
|
|
<Margin bottom={4}>
|
|
|
|
<Metadata {...props} expanded={step === 'metadata'} />
|
2018-01-09 20:14:20 +02:00
|
|
|
</Margin>
|
2018-01-08 21:08:01 +02:00
|
|
|
</ViewContainer>
|
|
|
|
);
|