mirror of
https://github.com/vercel/commerce.git
synced 2025-05-12 12:47:50 +00:00
26 lines
840 B
TypeScript
26 lines
840 B
TypeScript
import { ChevronDownIcon } from '@heroicons/react/16/solid';
|
|
import { phoneNumber } from 'lib/constants';
|
|
import Tooltip from './tooltip';
|
|
|
|
function Banner() {
|
|
return (
|
|
<div className="flex min-h-10 w-full flex-col items-center justify-center gap-x-8 bg-primary p-2 text-sm font-medium text-white md:flex-row md:p-0">
|
|
<span>
|
|
Speak to a Specialist Now:{' '}
|
|
<a href={phoneNumber?.link} className="ml-1">
|
|
{phoneNumber?.title}
|
|
</a>
|
|
</span>
|
|
<div data-tooltip-id="work-hours-tooltip" className="flex items-center">
|
|
Business Hours <ChevronDownIcon className="h-5 w-5" />
|
|
</div>
|
|
<Tooltip id="work-hours-tooltip">
|
|
<p>Monday - Friday: 9:00am - 8:00pm EST</p>
|
|
<p>Saturday 11:00am - 4:00pm EST</p>
|
|
</Tooltip>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default Banner;
|