// PrismPOS mark (option 2c from notes/POS Logo Options.dc.html):
// red rounded-square tile, white triangle outline. Geometry must stay on the
// 48x48 grid so it matches the receipt/1-bit variants in the design doc.
export default function BrandMark({ size = 36, className = "" }: { size?: number; className?: string }) {
    return (
        <svg width={size} height={size} viewBox="0 0 48 48" className={`shrink-0 ${className}`} aria-label="PrismPOS">
            <rect width="48" height="48" rx="12" fill="#E7000B" />
            <polygon points="24,11 38,36 10,36" fill="none" stroke="#fff" strokeWidth="5.5" strokeLinejoin="round" />
        </svg>
    );
}

export function BrandWordmark({ className = "" }: { className?: string }) {
    return (
        <span className={className}>
            Prism<span className="text-red-600">POS</span>
        </span>
    );
}