37 lines
662 B
TypeScript
37 lines
662 B
TypeScript
// Copyright 2019-2020 Signal Messenger, LLC
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
import * as React from 'react';
|
|
import * as styles from './StoryRow.scss';
|
|
|
|
type Props = {
|
|
left?: boolean;
|
|
right?: boolean;
|
|
top?: boolean;
|
|
bottom?: boolean;
|
|
};
|
|
|
|
const getClassName = ({ left, right, top, bottom }: Props) => {
|
|
if (left) {
|
|
return styles.left;
|
|
}
|
|
|
|
if (right) {
|
|
return styles.right;
|
|
}
|
|
|
|
if (top) {
|
|
return styles.top;
|
|
}
|
|
|
|
if (bottom) {
|
|
return styles.bottom;
|
|
}
|
|
|
|
return styles.base;
|
|
};
|
|
|
|
export const StoryRow: React.ComponentType<Props> = ({
|
|
children,
|
|
...props
|
|
}) => <div className={getClassName(props)}>{children}</div>;
|