Blame · Tag.tsx

b69ab31	1	/**
b69ab31	2	* Copyright (c) Meta Platforms, Inc. and affiliates.
b69ab31	3	*
b69ab31	4	* This source code is licensed under the MIT license found in the
b69ab31	5	* LICENSE file in the root directory of this source tree.
b69ab31	6	*/
b69ab31	7
b69ab31	8	import type {ReactNode} from 'react';
b69ab31	9	import type {ReactProps} from './utils';
b69ab31	10
b69ab31	11	import * as stylex from '@stylexjs/stylex';
b69ab31	12
b69ab31	13	const styles = stylex.create({
b69ab31	14	tag: {
b69ab31	15	backgroundColor: 'var(--badge-background)',
b69ab31	16	border: '1px solid var(--button-border)',
b69ab31	17	borderRadius: 'var(--tag-corner-radius, 2px)',
b69ab31	18	color: 'var(--badge-foreground)',
b69ab31	19	padding: '2px 4px',
b69ab31	20	fontFamily: 'var(--font-family)',
b69ab31	21	fontSize: '11px',
b69ab31	22	lineHeight: '16px',
b69ab31	23
b69ab31	24	textOverflow: 'ellipsis',
ab83ad3	25	maxWidth: '200px',
b69ab31	26	whiteSpace: 'nowrap',
b69ab31	27	overflow: 'hidden',
b69ab31	28	},
b69ab31	29	});
b69ab31	30
b69ab31	31	export function Tag({
b69ab31	32	xstyle,
b69ab31	33	...rest
b69ab31	34	}: {children: ReactNode; xstyle?: stylex.StyleXStyles} & ReactProps<HTMLSpanElement>) {
b69ab31	35	return <span {...stylex.props(styles.tag, xstyle)} {...rest} />;
b69ab31	36	}