import { CreateBucket } from './create';
import { DeleteBucket } from './delete';
import { BucketInfo } from './info';
import { MigrateBucket } from './migrate';
import { BucketQuota } from './quota';
import { UpdateBucket } from './update';

export const Bucket = () => {
  return (
    <div>
      <h2>Bucket</h2>

      <CreateBucket />

      <div style={{ marginTop: 10 }} />

      <UpdateBucket />

      <div style={{ marginTop: 10 }} />

      <DeleteBucket />

      <div style={{ marginTop: 10 }} />

      <BucketQuota />

      <div style={{ marginTop: 10 }} />

      <MigrateBucket />

      <div style={{ marginTop: 10 }} />

      <BucketInfo />
    </div>
  );
};