ghost-portal/packages/react-components/src/Modal/Columns.tsx
2021-01-03 11:33:39 +01:00

25 lines
591 B
TypeScript

// Copyright 2017-2021 @polkadot/react-components authors & contributors
// SPDX-License-Identifier: Apache-2.0
import type { ColumnProps } from './types';
import React from 'react';
import styled from 'styled-components';
function Columns ({ children, className = '' }: ColumnProps): React.ReactElement<ColumnProps> {
return (
<div className={`ui--Modal-Columns ${className}`}>{children}</div>
);
}
export default React.memo(styled(Columns)`
align-items: center;
display: flex;
flex-layout: row;
justify-content: space-between;
&+& {
margin-top: 0.25rem;
}
`);