faa952295f
* add new create room * rename create room modal file * default restrict access for space children in room create modal * move create room kind selector to components * add radii variant to sequence card component * more more reusable create room logic to components * add create space * update address input description * add new space modal * fix add room button visible on left room in space lobby
38 lines
840 B
TypeScript
38 lines
840 B
TypeScript
import React, { ComponentProps } from 'react';
|
|
import { Box, as } from 'folds';
|
|
import classNames from 'classnames';
|
|
import { ContainerColor, ContainerColorVariants } from '../../styles/ContainerColor.css';
|
|
import * as css from './style.css';
|
|
|
|
export const SequenceCard = as<
|
|
'div',
|
|
ComponentProps<typeof Box> & ContainerColorVariants & css.SequenceCardVariants
|
|
>(
|
|
(
|
|
{
|
|
as: AsSequenceCard = 'div',
|
|
className,
|
|
variant,
|
|
radii,
|
|
firstChild,
|
|
lastChild,
|
|
outlined,
|
|
...props
|
|
},
|
|
ref
|
|
) => (
|
|
<Box
|
|
as={AsSequenceCard}
|
|
className={classNames(
|
|
css.SequenceCard({ radii, outlined }),
|
|
ContainerColor({ variant }),
|
|
className
|
|
)}
|
|
data-first-child={firstChild}
|
|
data-last-child={lastChild}
|
|
{...props}
|
|
ref={ref}
|
|
/>
|
|
)
|
|
);
|