19 lines
655 B
TypeScript
19 lines
655 B
TypeScript
import { FunctionComponent } from 'react'
|
|
import Icon from '../Icon/Icon'
|
|
import { VaultListingInterface } from '@standardnotes/snjs'
|
|
|
|
type Props = {
|
|
vault: VaultListingInterface
|
|
}
|
|
|
|
const VaultNameBadge: FunctionComponent<Props> = ({ vault }) => {
|
|
return (
|
|
<div title="Vault name" className="flex select-none items-center rounded border border-passive-2 px-1.5 py-1">
|
|
<Icon ariaLabel="Shared in vault" type={vault.iconString} className="mr-1" size="medium" emojiSize="small" />
|
|
<span className="mr-auto overflow-hidden text-ellipsis text-sm font-semibold lg:text-xs">{vault.name}</span>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default VaultNameBadge
|