summaryrefslogtreecommitdiffhomepage
path: root/frontend/src/components/header/Group.tsx
blob: b7bd2d4ee8ae47483f05d2f6a30c797f39ce1f55 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
import React, { FunctionComponent } from "react";

type GroupPosition = "start" | "end";
interface GroupProps {
  pos: GroupPosition;
}

const ContentHeaderGroup: FunctionComponent<GroupProps> = (props) => {
  const { children, pos } = props;

  const className = `d-flex flex-grow-1 align-items-center justify-content-${pos}`;
  return <div className={className}>{children}</div>;
};

export default ContentHeaderGroup;