import { Chip } from '../styles/StyledChip';

const badgeSx = {
	whiteSpace: 'nowrap',
	width: 'max-content',
	mb: '1rem',
	background: '#eef5e9',
	border: 'none',
	color: '#77886c',
};

export const LastOpenedBadge = ({ children = 'Последний открытый', sx = {} }) => (
	<Chip sx={[badgeSx, ...(Array.isArray(sx) ? sx : [sx])]}>{children}</Chip>
);