32 lines
940 B
TypeScript
32 lines
940 B
TypeScript
export const Sort = () => {
|
||
const sortItems = [
|
||
{
|
||
view: 'Сначала новые',
|
||
},
|
||
{
|
||
view: 'Сначала старые ',
|
||
},
|
||
{
|
||
view: 'Выбрать дату...',
|
||
},
|
||
];
|
||
|
||
return (
|
||
<div className="rounded-[25px] flex items-center bg-[#F0F0FA] max-w-[555px] w-full">
|
||
<div className="bg-[#E1E1F5] rounded-[25px_0_0_25px] flex justify-center items-center py-[16px] px-[18px]">
|
||
<span className="font-semibold text-[14px] leading-[120%]">Сортировка</span>
|
||
</div>
|
||
|
||
<div className="flex w-full justify-between gap-[16px] items-center px-[16px]">
|
||
{sortItems.map((item) => (
|
||
<div className="flex justify-center items-center">
|
||
<span className="cursor-pointer text-[#636370] block text-[14px] leading-[120%] text-center">
|
||
{item.view}
|
||
</span>
|
||
</div>
|
||
))}
|
||
</div>
|
||
</div>
|
||
);
|
||
};
|