Lotus Bot
61a1f008d0
- i18next 23->26 + react-i18next 15->17 - prettier 2->3, reformat all files - replace @fontsource/inter with @fontsource-variable/inter 5, update import path - domhandler 5->6 (aligns with transitive deps) - lint-staged 16->17
39 lines
875 B
TypeScript
39 lines
875 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,
|
|
mergeBorder,
|
|
...props
|
|
},
|
|
ref,
|
|
) => (
|
|
<Box
|
|
as={AsSequenceCard}
|
|
className={classNames(
|
|
css.SequenceCard({ radii, outlined, mergeBorder }),
|
|
ContainerColor({ variant }),
|
|
className,
|
|
)}
|
|
data-first-child={firstChild}
|
|
data-last-child={lastChild}
|
|
{...props}
|
|
ref={ref}
|
|
/>
|
|
),
|
|
);
|